Foros del Web » Creando para Internet » CSS »

varios colores en links

Estas en el tema de varios colores en links en el foro de CSS en Foros del Web. Hola a todos, tengo un pequeño problema y es que quiero hacer un menú y quiero que cada uno al ponerte encima tenga un color ...
  #1 (permalink)  
Antiguo 16/02/2011, 10:47
 
Fecha de Ingreso: mayo-2005
Ubicación: Castellón
Mensajes: 321
Antigüedad: 12 años, 7 meses
Puntos: 0
Pregunta varios colores en links

Hola a todos, tengo un pequeño problema y es que quiero hacer un menú y quiero que cada uno al ponerte encima tenga un color diferente y no se porque no me funciona. Este es el css que tengo:

Cita:
a { color:#ECCA82; text-decoration:none; }
a:hover { color:#E1A52B; text-decoration:none;}

#menu{
position:relative;
width:980px;
height:109px;
background:url(../img/menu.jpg); background-position:center; background-repeat:no-repeat;
text-align:right;
margin:0px 0px 0px 0px;
}
ul { list-style:none;margin:0px;}
#menu .nav { padding:82px 0px 0px 0px;text-align:center;}
#menu .nav li {display:inline; padding:0px 22px 0px 22px;text-align:center;}
#menu .nav li a { text-decoration:none; }
#menu .nav li a:hover { text-decoration:none;}
#menu .nav li a.current {text-decoration:none;}

#menu .menu1 a {color:#dddddd; text-decoration:none;}
#menu .menu1 a:hover {color:#cc0000; text-decoration:none;}

#menu .menu2 a {color:#cccccc; text-decoration:none;}
#menu .menu2 a:hover {color:#cc0000; text-decoration:none;}
Y este el html:

Cita:
<div id="menu">
<ul class="nav">
<li><a href="index.php"><span class="menu1">Que hacemos</span></a></li>
<li><a href="altas.php"><span class="menu2">Trabajos</span></a></li>
<li><a href="reservas.php"><span class="menu3">Clientes</span></a></li>
<li><a href="planos.php"><span class="menu4">Contacto</span></a></li>
<li><a href="rutas.php"><span class="menu5">Dinos algo</span></a></li>
</ul>
</div>
¿A alguien se le ocurre que pasa?

Un saludo
  #2 (permalink)  
Antiguo 16/02/2011, 11:52
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: varios colores en links

#menu .menu1 a
afecta a un enlace que está dentro de una clase "menu1" que está dentro de "#menu"

Dos opciones:
1ª respetando su marcado del html, definir en el css:
Código CSS:
Ver original
  1. .nav a span.menu1 {}
2ª Cambiar el etiquetado de su html
<ul class="nav">
Código html:
Ver original
  1. <li><a href="index.php" class="menu1">Que hacemos</a></li>
y definir en el css
Código CSS:
Ver original
  1. .nav a.menu1 {}
  2. .nav a.menu2{}
que puede simplificar, siempre que no haya herencia que se lo machaque, para las propiedades que difieran
Código CSS:
Ver original
  1. .menu1 {}
  2. .menu2 {}
  #3 (permalink)  
Antiguo 17/02/2011, 02:26
 
Fecha de Ingreso: mayo-2005
Ubicación: Castellón
Mensajes: 321
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: varios colores en links

Gracias!!!!!! Me lo solucionaste!!!!!!

Un saludo!!!

Etiquetas: colores, links
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:07.