Las etiquetas para menús

0

Por admin | Para la categoría de Nuevas Tecnologías | noticia del 10-02-2010

La pseudo clase para el tratamiento de enlaces :hover permite capturar el estado de un enlace, se puede utilizar para cambiar el color el tipo de letra, el fondo etc…

La pseudo clase hover también se puede aplicar además de a enlaces a elementos li, de los menús

fragmento de código de un menú

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

 <div id="contenido">
 
   <ul class="menu">
 
     <li class="menu">
 
	   <a href="menu.html">Gentes</a>
	 <ul>
 
	 <li>	  
 
	  	<a href="cultura.html">Cultura</a>
	 </li>
 
	 <li>
 
	   <a href="poblacion.html">Poblaci&oacute;n</a>
 
	 </li>
 
 
 
   </ul>
   </li>

css asociado

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

 ul.menu ul { 
 
    left:122px;
	visibility:hidden;
	position:absolute;
	top:0;
 
	}	
 
 
 
ul.menu li {
 
    position:relative;
	padding:2px;
	}
 
 
ul.menu li:hover { background-color:#996600;
                  } 
 
ul.menu li:hover >ul
 { 
   visibility:visible;
 
 }

Escribe un comentario