<div dir="ltr"><br><div class="gmail_extra"><br><br><div class="gmail_quote">El 20 de septiembre de 2013 16:42, Horacio Castellini <span dir="ltr">&lt;<a href="mailto:horacio9573@yahoo.com.ar" target="_blank">horacio9573@yahoo.com.ar</a>&gt;</span> escribió:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div style="font-size:12pt;font-family:times new roman,new york,times,serif"><div>Holas... he tratado de hacer un menú desplegable con una hoja de<br>

estilo, pero cuando coloco el estilo... en clase nav... <br>
<br>
.nav li, ul {<br>
display: none;<br>
position: absolute;<br>
min-width: 140px;<br>
}<br>
<br>
puf! se desaparece y no responde a la receta que da youtube... si<br>
alguien me da una mano a donde joraca está el error...  acá mando el<br>
código...</div><div style="font-style:normal;font-size:16px;background-color:transparent;font-family:times new roman,new york,times,serif"><br></div><div style="font-style:normal;font-size:16px;background-color:transparent;font-family:times new roman,new york,times,serif">
&lt;!DOCTYPE HTML&gt;<br>&lt;html lan=&quot;es&quot;&gt;<br>    &lt;head&gt;<br>        &lt;title&gt;Menú desplegable&lt;/title&gt;<br>        &lt;meta charset=&quot;utf-8&quot; /&gt;<br>        &lt;style type=&quot;text/css&quot;&gt;<br>
            * {<br>                        padding: 0px;<br>                        margin:
 0px;<br>            <br>            }<br>            #header {<br><br>                        margin: auto;<br>                        width: 500px;<br>                        font-family:     Arial, Helvetica, sans-serif;        <br>
            <br>            }<br>            ul, ol {<br>               
         list-style:none;            <br>            }<br>            .nav li, a {<br>            <br>                        background-color: #000;<br>                        color: #fff;<br>                        text-decoration: none;    <br>
                        padding: 10px 15px;<br>               
         display: block;        <br>            <br>            }<br>            .nav li, a:hover {<br>                            background-color: #434343;<br>            }<br>            .nav &gt; li {<br>                    float: left;<br>
            }<br>            .nav li, ul {<br>                    display:
 none;<br>                    position: absolute;<br>                    min-width: 140px;<br>            }<br>            .nav li:hover &gt; ul {<br>                    display: block;<br>            }<br>            .nav li ul li {<br>
                    position: relative;<br>            }<br>            .nav li ul li ul {<br>           
         right: -140px;<br>                    top: 0px;<br>            }<br>        &lt;/style&gt;<br>    &lt;/head&gt;<br>    &lt;body&gt; <br>        &lt;div id=&quot;header&quot;&gt;<br>            &lt;ul class=&quot;nav&quot;&gt;<br>
                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Inicio&lt;/a&gt;&lt;/li&gt;<br>            <br>                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Servicios&lt;/a&gt;<br>                    &lt;ul&gt;<br>   
                     &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 1&lt;/a&gt;&lt;/li&gt;<br>                        &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 2&lt;/a&gt;&lt;/li&gt;<br>                        &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 3&lt;/a&gt;&lt;/li&gt;<br>
                        &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 4&lt;/a&gt;<br>                            &lt;ul&gt;<br>                           
     &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 1&lt;/a&gt;&lt;/li&gt;<br>                                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 2&lt;/a&gt;&lt;/li&gt;<br>                                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 3&lt;/a&gt;&lt;/li&gt;<br>
                                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 4&lt;/a&gt;&lt;/li&gt;<br>                            &lt;/ul&gt;                   
     <br>                        &lt;/li&gt;<br>                    &lt;/ul&gt;                <br>                &lt;/li&gt;<br><br>                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Acerca de&lt;/a&gt;<br>                    &lt;ul&gt;<br>
                        &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 1&lt;/a&gt;&lt;/li&gt;<br>                       
 &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 2&lt;/a&gt;&lt;/li&gt;<br>                        &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 3&lt;/a&gt;&lt;/li&gt;<br>                        &lt;li&gt;&lt;a href=&quot;&quot;&gt;Submenú 4&lt;/a&gt;&lt;/li&gt;<br>
                    &lt;/ul&gt;                <br>                &lt;/li&gt;<br><br>                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Contacto&lt;/a&gt;&lt;/li&gt;<br>            &lt;/ul&gt;<br>       
 &lt;/div&gt;<br>        <br>        <br>    &lt;/body&gt;<br>&lt;/html&gt;<br></div></div></div><br>_______________________________________________<br>
Programacion mailing list<br>
<a href="mailto:Programacion@lugro.org.ar">Programacion@lugro.org.ar</a><br>
<a href="http://lugro.org.ar/mailman/listinfo/programacion" target="_blank">http://lugro.org.ar/mailman/listinfo/programacion</a><br>
<br></blockquote></div><br></div><div class="gmail_extra">Hola Horacio, me parece que te falta poner class=&quot;nav&quot; a todo lo que clasificaste en la css y veo que sólo si lo pusiste al ul. Saludos.<br></div><div class="gmail_extra">
Néstor<br></div></div>