Foros del Web » Creando para Internet » CSS »

Problema con enlace en lista Horizontal

Estas en el tema de Problema con enlace en lista Horizontal en el foro de CSS en Foros del Web. Hola, he probado muchas combinaciones pero no doy con la solución. El caso es que he creado un menu horizontal que me va bien pero ...
  #1 (permalink)  
Antiguo 30/07/2008, 06:05
 
Fecha de Ingreso: enero-2002
Mensajes: 163
Antigüedad: 22 años, 3 meses
Puntos: 0
Problema con enlace en lista Horizontal

Hola,
he probado muchas combinaciones pero no doy con la solución. El caso es que he creado un menu horizontal que me va bien pero no logro aplicar el mismo estilo a los elementos que no tienen link. O si no se puede, aplicar un estilo diferente a uno de los elemento del menu con link

un saludo y gracias

este es el css:

ul#paginas {

list-style:none;
margin:0;
padding:0;
}
ul#paginas li {
margin:2px;
padding:0;
float:left;
}
ul#paginas li a {
font-family: Arial, Helvetica, sans-serif;
display:block;
width:20px;
padding:4px 0;
text-decoration:none;
text-align:center;
font-size:11px;
color:#666666;
background-color:#ffffff;
}
ul#paginas li a:hover {
color:#ffffff;
background-color:#999999;
}

Última edición por HALL; 30/07/2008 a las 06:41
  #2 (permalink)  
Antiguo 30/07/2008, 09:13
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Respuesta: Problema con enlace en lista Horizontal

Probá con esto!

Código HTML:
<!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" lang="es-es">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title></title>
<style type="text/css">
ul#paginas {
list-style:none;
margin:0;
padding:0;
}
ul#paginas li {
margin:2px;
padding:0;
float:left;
}
ul#paginas li a {
font-family: Arial, Helvetica, sans-serif;
display:block;
width:20px;
padding:4px 0;
text-decoration:none;
text-align:center;
font-size:11px;
color:#666666;
background-color:#ffffff;
}
ul#paginas li a:hover {
color:#ffffff;
background-color:#999999;
}
ul#paginas .sinlink {
color:#f00;
background-color:#000;
padding:5px
}
</style>
</head>
<body>
<ul id="paginas">
<li><a href="#">hola</a></li>
<li><a href="#">hola</a></li>
<li><a href="#">hola</a></li>
<li><a href="#">hola</a></li>
<li class="sinlink">hola</li>
</ul>
</body>
</html> 
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 30/07/2008, 13:32
 
Fecha de Ingreso: enero-2002
Mensajes: 163
Antigüedad: 22 años, 3 meses
Puntos: 0
Respuesta: Problema con enlace en lista Horizontal

Muchísimas gracias. Me has hecho un gran favor, no veas el tiempo que he perdido buscando una solución. Ahora tengo que ver que es lo que estaba haciendo mal porque creo que intenté algo parecido pero no funcionó.

un saludo
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 04:23.