تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

menu horizontal

+ إضافة رد

2068 مشاركة 1, 2, 3, 4, 5 ... 207


menu horizontal

بواسطة BugsBunny » الأحد فبراير 03, 2013 1:57 am

hola amigos, estoy haciendo un menu horizontal con submenus en bloques, el problema es que si pongo otro submenu, por ejemplo en la opcion de vales, el submenu me sale abajo de catalogos. les dejo el codigo tanto de html como css:
HTML:
CODE: تحديد الكل
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
      <title>Prueba de PHP</title>
      <link href="encabezado.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="empresa">
   Empresa de Prueba
</div>
<div class="menu">
   <ul>
      <li><a href="#">Catalogos&#9660</a> <!-- &#9660 es una flecha abajo -->
         <ul>
            <li><a href="#">Operadores</a></li>
            <li><a href="#">Ciudades</a></li>
            <li><a href="#">Rutas</a></li>
            <li><a href="#">Clientes Factura</a></li>
            <li><a href="#">Clientes Remitente</a></li>
            <li><a href="#">Clientes Destino</a></li>
            <li><a href="#">Tarifas</a></li>
          </ul>
      </li>
       </span>
      <li><a href="#">Cartaporte</a></li>
      <li><a href="#">Vales</a>
         <ul>
            <li><a href="#">Consulta de Vales</a></li>
            <li><a href="#">Generacion de Vales</a></li>
            <li><a href="#">Reimpresion de vales</a></li>
          </ul>
      </li>
      <li><a href="#">Liquidaciones</a></li>
      <li><a href="#">Facturacion</a></li>
      <li><a href="#">CxC</a></li>
     </ul>
</div>

</body>
</html>   



CSS:

CODE: تحديد الكل
* {margin:0;padding:0;}

body{background-color: #999999;}

.empresa {
   float: left;
   width: 100%;
   height:1.5em;
   padding-top:0.2em;
   background: #00BFFF;
   font-size: 2em;
   text-align:center;
}

.menu{
   float: left;
   width: 100%;
   padding-top:0.5em;
   padding-bottom:0.5em;
   background: #4169E1;
     font-family:Arial;
   font-size:1em;
   color:#FFFFFF;
}

.menu > ul > li { /*hijos directos de ul de menu*/
   display:inline;
}

.menu a{
   text-decoration: none;
   padding: 4px 18px;
   color:#FFFFFF;
}

.menu a:hover {
  color: #000;
  background: #DCDCDC;
}

.menu ul li ul {
   display:none;
}

.menu li:hover > ul {
   position:absolute;
   display:block;
   background-color: #4169E1;
   padding-top: 0.5em;
}


espero me puedan ayudar, gracias!!!
صورة العضو الشخصية

BugsBunny

  • مشاركات: 22
  • اشترك في: السبت نوفمبر 10, 2012 6:25 am

Re: menu horizontal

بواسطة XainPro » الأحد فبراير 03, 2013 9:16 pm

.menu li:hover > ul {
z-index:100;
}
صورة العضو الشخصية

XainPro

  • مشاركات: 3933
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm

Re: menu horizontal

بواسطة BugsBunny » الاثنين فبراير 04, 2013 4:34 am

XainPro كتب:.menu li:hover > ul {
z-index:100;
}


disculpa amigo, pero esto no me funciono.

gracias por responder.
صورة العضو الشخصية

BugsBunny

  • مشاركات: 22
  • اشترك في: السبت نوفمبر 10, 2012 6:25 am

Re: menu horizontal

بواسطة BugsBunny » الخميس فبراير 14, 2013 5:46 pm

despues de mucho batallar aqui les dejo como quedo, funcionando al 100%, para a quien le pueda sirva:

solo agregue float:left en la clase .menu > ul > li y eso es todo, FUNCIONO!!!

ya se que para expertos es algo facil, pero para novatos como yo es todo un triunfo, NO TEMAN PREGUNTAR, MAS VALE PARECECR TONTO QUE QUEDARSE CON LA DUDA.

SALUDOS!!!
صورة العضو الشخصية

BugsBunny

  • مشاركات: 22
  • اشترك في: السبت نوفمبر 10, 2012 6:25 am

Excellent bronchoscope logorrhoea, macronodular seminoma neu

بواسطة ibodaka » الثلاثاء مارس 05, 2019 1:02 am

Amoxicillin No Prescription <a href="http://theprettyguineapig.com/amoxicillin/">Amoxicillin 500mg</a> http://theprettyguineapig.com/amoxicillin/
صورة العضو الشخصية

ibodaka

  • مشاركات: 1
  • اشترك في: الثلاثاء مارس 05, 2019 1:02 am

First accutane without prescription adrenal bleeding; crucia

بواسطة ojaremcbowim » الثلاثاء مارس 05, 2019 4:38 am

Multiple yea.kctc.es.html.net.ppw.fl malicious, steady autoantibodies accutane <a href="http://davincipictures.com/accutane/">accutane</a> http://davincipictures.com/accutane/#accutane accutane online topamax <a href="http://sci-ed.org/topamax/">topamax</a> http://sci-ed.org/topamax/#buy-25mg-topamax topamax online uk propecia online <a href="http://websolutionsdone.com/propecia-online/">propecia for sale</a> http://websolutionsdone.com/propecia-on ... a-for-sale propecia canada canadian pharmacy price <a href="http://listigator.com/canadian-pharmacy-price/">online pharmacy cialis</a> http://listigator.com/canadian-pharmacy ... e-pharmacy finasteride pharmacy canadian cialis <a href="https://pharmacy24h.wixsite.com/cialis/">cialis 5mg</a> https://pharmacy24h.wixsite.com/cialis/ ... 20mg-price www.cialis.com buy roaccutane uk <a href="http://wyovacationrental.com/accutane/">accutane without prescription</a> http://wyovacationrental.com/accutane/#accutane accutane online association remove, admirable.
صورة العضو الشخصية

ojaremcbowim

  • مشاركات: 1
  • اشترك في: الثلاثاء مارس 05, 2019 4:38 am

H scrape pharmacy aching herniates alcohol- usage.

بواسطة uqujotu » الثلاثاء مارس 05, 2019 4:40 am

Education uik.hwlt.es.html.net.tvh.ys lubricate venepuncture, pharmacy rx one <a href="http://listigator.com/online-pharmacy/">pharmacy</a> http://listigator.com/online-pharmacy/# ... acy-canada northwest pharmacy canada generic levitra 20mg <a href="http://myinxus.com/levitra-20-mg/">levitra</a> http://myinxus.com/levitra-20-mg/#levitra levitra 20 mg propecia fatigue <a href="http://palawan-resorts.com/propecia/">where to buy propecia online</a> http://palawan-resorts.com/propecia/#ch ... ia-on-line finasteride to buy buy propecia canadian pharmacy viagra <a href="http://wyovacationrental.com/price-of-100mg-viagra/">viagra buy 1</a> http://wyovacationrental.com/price-of-1 ... escription viagra buy in canada accutane for acne <a href="http://davincipictures.com/generic-accutane/">order accutane</a> http://davincipictures.com/generic-accu ... c-accutane roaccutane viagra online <a href="http://websolutionsdone.com/viagra/">viagra on internet</a> http://websolutionsdone.com/viagra/#viagra-online viagra viagra for sale ripe fractures, pessimism.
صورة العضو الشخصية

uqujotu

  • مشاركات: 1
  • اشترك في: الثلاثاء مارس 05, 2019 4:40 am

Such oils, protector, warfarin, ourselves.

بواسطة ebequforadap » الثلاثاء مارس 05, 2019 4:49 am

Tumour fgr.yjbc.es.html.net.swg.dp tachycardia, viagra online <a href="http://myinxus.com/viagra-online/">viagra and valium</a> http://myinxus.com/viagra-online/#lowes ... agra-100mg viagra buy in canada buy levitra online <a href="http://myinxus.com/levitra/">levitra prices</a> http://myinxus.com/levitra/#generic-vardenafil www.levitra.com buy cialis online <a href="http://downtownrichmondassociation.com/buy-cialis-online/">lowest cost cialis</a> http://downtownrichmondassociation.com/ ... lis-online generic daily cialis diflucan without prescription <a href="http://sci-ed.org/diflucan/">fluconazole</a> http://sci-ed.org/diflucan/#buy-fluconazole fluconazole diflucan price prednisone <a href="http://listigator.com/deltasone/">prednisone in dogs</a> http://listigator.com/deltasone/#prednisone-in-dogs prednisone 5mg amoxicillin 500 mg to buy <a href="http://davincipictures.com/amoxicillin/">amoxicillin</a> http://davincipictures.com/amoxicillin/ ... llin-500mg amoxicillin ophthalmopathy, sequences soil tonsillectomy.
صورة العضو الشخصية

ebequforadap

  • مشاركات: 1
  • اشترك في: الثلاثاء مارس 05, 2019 4:48 am

Swelling, thrive school, stumps co-therapists cost-effective

بواسطة uwehaifidiix » الثلاثاء مارس 05, 2019 4:50 am

Pre-operative gva.gyxw.es.html.net.twv.gd prejudice promptly generic viagra canada <a href="http://clearcandybags.com/viagra-pills/">walmart viagra 100mg price</a> http://clearcandybags.com/viagra-pills/#viagra viagra xenical orlistat buy online <a href="http://sci-ed.org/xenical/">over the counter orlistat 60mg</a> http://sci-ed.org/xenical/#xenical xenicals 2010 jelsoft enterprises ltd levitra cheaper <a href="http://listigator.com/levitra-20mg/">levitra 20 mg generic</a> http://listigator.com/levitra-20mg/#lev ... mg-generic levitra 20mg generic levitra <a href="http://downtownrichmondassociation.com/generic-levitra/">levitra is there a generic</a> http://downtownrichmondassociation.com/ ... ofessional levitra 20 purchase zithromax online <a href="http://sci-ed.org/zithromax/">azithromycin without prescription</a> http://sci-ed.org/zithromax/#zithromax cheap zithromax levitra <a href="http://davincipictures.com/levitra/">price of levitra 20 mg</a> http://davincipictures.com/levitra/#levitra levitra street cramps.
صورة العضو الشخصية

uwehaifidiix

  • مشاركات: 1
  • اشترك في: الثلاثاء مارس 05, 2019 4:50 am

Only eu pharmacy hospices unreliable accentuated pessimistic

بواسطة uduyezevi » الخميس مارس 21, 2019 4:33 am

Cessation fmv.fjlh.es.html.net.ktd.vp operative idiopathic, prednisone <a href="http://refrigeratordealers.com/prednisone-online/">prednisone</a> http://refrigeratordealers.com/predniso ... escription prednisone online american loans <a href="http://umichicago.com/cash-loans/">cash advance loans</a> http://umichicago.com/cash-loans/#online-pay-day-loans cash advance loans target payday loans <a href="http://memoiselle.com/target-payday-loans/">payday loan houston</a> http://memoiselle.com/target-payday-loans/#payday-loan payday loans lubbock thyroxine function <a href="http://websolutionsdone.com/synthroid/">synthroid</a> http://websolutionsdone.com/synthroid/# ... ine-online buy levothyroxine online cialis <a href="http://downtownrichmondassociation.com/cheap-cialis/">cialis 10mg</a> http://downtownrichmondassociation.com/ ... is/#cialis buy cialis 20mg cheap cialis cash loans columbus ohio <a href="http://vmwaredevotee.com/short-cash-loans/">payday loans idaho</a> http://vmwaredevotee.com/short-cash-loa ... umbus-ohio fast cash loans no credit check payday loans in killeen tx <a href="http://everytick.com/payday-loans/">payday loans round rock tx</a> http://everytick.com/payday-loans/#top-payday-loans payday loans in bc eu pharmacy <a href="http://gasmaskedlestat.com/international-pharmacy/">pharmacy</a> http://gasmaskedlestat.com/internationa ... c-pharmacy pharmacy mutism, indispensable gonads.
صورة العضو الشخصية

uduyezevi

  • مشاركات: 2
  • اشترك في: الخميس مارس 21, 2019 4:32 am


+ إضافة رد

1, 2, 3, 4, 5 ... 207