Buenas! Mirad, es mi primer post en este blog pero es que tengo un problema.
Yo había hecho algunas webs muy chapuceras (no digo que esta no lo sea, pero menos) solo con html, y ahora me he aventurado con en CSS. De momento lo voy pillando, pero se me ha atragantado el menú desplegable.
Tengo hecho un menú simple, con una lista sin subapartados, y el formato y todo me gusta (el hover y todo) pero ahora quiero añadir subapartados. Añadirlos a la lista en el HTML no es problema, el problema llega cuando tengo que editar el CSS para que se muestre solo con el hover. Esto no lo sé hacer, he mirado muchos tutoriales pero ningun coincide con el css del menu que tengo yo, y me lia tener que cambiar todo.
Aquí está mi CSS del menú:
Código:
#menu{
font-size: 1em;
font-weight: ;
margin-left: 0px;
margin-right: 0px;}
#menu li{
float: left;
list-style-type: none;}
#menu ul{
margin: 0;
padding: 0;}
#menu a{
display: block;
text-decoration: none;
color: #000000;
background: #ECD801;
padding: 3px 17.8px 3px 17.8px;
text-align: center;
border: 1px solid #000000;
border-width: 1px 1px 1px 0px;}
#menu a#primero{
border: 1px solid #000000;}
#menu a:hover{
background: #E76000;}
Y el html con la lista ya completa es este:
Código:
<div id="menu">
<ul>
<li><a href="#" class="enlacemenu" id="primero">Inici</a></li>
<li><a href="#" class="enlacemenu">Plantilla</a></li>
<li><a href="#" class="enlacemenu">Calendari</a>
<ul>
<li><a href="#" class="enlacemenu">Agost '09</a></li>
<li><a href="#" class="enlacemenu">Setembre '09</a></li>
<li><a href="#" class="enlacemenu">Octubre '09</a></li>
<li><a href="#" class="enlacemenu">Novembre '09</a></li>
<li><a href="#" class="enlacemenu">Desembre '09</a></li>
<li><a href="#" class="enlacemenu">Gener '10</a></li>
<li><a href="#" class="enlacemenu">Febrer '10</a></li>
<li><a href="#" class="enlacemenu">Març '10</a></li>
<li><a href="#" class="enlacemenu">Abril '10</a></li>
<li><a href="#" class="enlacemenu">Maig '10</a></li>
<li><a href="#" class="enlacemenu">Juny'10</a></li>
</ul>
</li>
<li><a href="#" class="enlacemenu">Classificació</a>
<ul>
<li><a href="#" class="enlacemenu">LLiga</a></li>
<li><a href="#" class="enlacemenu">Champions League</a></li>
<li><a href="#" class="enlacemenu">Copa del Rei</a></li>
</ul>
</li>
<li><a href="#" class="enlacemenu">Multimèdia</a>
<ul>
<li><a href="#" class="enlacemenu">Fotografies '09/10</a></li>
<li><a href="#" class="enlacemenu">Videos '09/10</a></li>
<li><a href="#" class="enlacemenu">Videos Històrics</a></li>
<li><a href="#" class="enlacemenu">Fons de Pantalla</a></li>
</ul>
</li>
<li><a href="#" class="enlacemenu">Palmarès</a></li>
<li><a href="#" class="enlacemenu">Premsa</a>
<ul>
<li><a href="#" class="enlacemenu">Titulars</a></li>
<li><a href="#" class="enlacemenu">Cròniques</a></li>
</ul>
</li>
<li><a href="#" class="enlacemenu">Contacta</a></li>
</ul>
</div>
Ya no sé como hacerlo, conseguí como mucho tapar todos los subapartados pero luego no conseguí que se vieran cuando pasava con el ratón. Además este pequeño avance no se ni como lo hize, por lo tanto lo quité. Si alguien me puede recomendar un buen tutorial, o hecharme un cable. Soy bastante novato, por lo tanto por favor ir despacio! GRACIAS de antemano!
nauix26