Colores en enlaces

Laika · #1 (**permalink**) 19/08/2009, 05:31

Hola,

Estoy diseñando un menu de navegacion con forma de pestañas. Cuando estas en la pantalla, su pestaña correpsondiente aparece en otro color.

Esto lo habia hecho así:

<ul>
<li>Enlace1</li>
<li><a href="enlace2.php">Enlace2</a></li>
<li><a href="enlace3.aspx">Enlace3</a></li>
</ul>

Y mediante la hoja de estilos, li tiene una imagen de fondo (enlace1) y li a (enlace2 y enlace 3) tienen otra imagen de fondo.

Mi poblena es que ahora he decidido que enlace1 tiene que llevar un a href pero al ponerselo se activa el fondo de li a.

¿Cómo puedo hacer que tenda diferente fondo enlace1 pero teniendo al mismo tiempo un ahref?

kseso? · #2 (**permalink**) 19/08/2009, 05:57

Código, Laika, código css

Mira a ver si lo siguiente se acerca a tu duda:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>kseso? jugando con css</title>
<style type="text/css">
* {margin: 0; padding: 0; border: 0; position: relative;}
html, body {
background-color: #cdcdcd;
}
ul { margin: 15px;}
ul li {
display:block;
list-style-type:none;
width:10em;
}
ul li a {
display: block;
padding: 5px 10px;
text-decoration: none;
color: #fff;
}
.uno {background: #c0c0c0;}
.dos {background: #707070;}
.tres {background: #4F4F4F}
ul li a:hover {
text-decoration: none;
color: #F0C000;
background: #600000;
}
</style>
</head>
<body>
  <ul>
    <li><a class="uno" href="#">Enlace 1</a></li>
    <li><a class="dos" href="#">Enlace 2</a></li>
    <li><a class="tres" href="#">Enlace 3</a></li>
  </ul>
</body>
</html>

Coloca tu imagen en el background correspondiente.
Un saludo

Laika · #3 (**permalink**) 20/08/2009, 00:21

Si me vale muchas gracias