Foros del Web » Creando para Internet » CSS »

Duda de estilo para un menú vertical

Estas en el tema de Duda de estilo para un menú vertical en el foro de CSS en Foros del Web. Hola, Estoy intentando crear un estilo diferente para uno de los links de un menú vertical pero no doy con la solución. He probado con ...
  #1 (permalink)  
Antiguo 29/10/2008, 14:07
 
Fecha de Ingreso: enero-2002
Mensajes: 161
Antigüedad: 15 años, 11 meses
Puntos: 0
Duda de estilo para un menú vertical

Hola,

Estoy intentando crear un estilo diferente para uno de los links de un menú vertical pero no doy con la solución. He probado con diferentes combinaciones pero nada...

Este es el estilo que estoy dando al menú en general:

#menu_principal {
font-size: 11px;
width: 220px;
margin: 0px;
height: 15px;

}
#menu_principal .sinlink {
color: #DA0D1E;
padding: 8px 0 0 10px;
background-image: url(ajax/imagenes/nada.gif);
background-position: 0 -32px;

}


#menu_principal li a {

voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
}

#menu_principal li a:link, #menu_principal li a:visited {
color: #999999;
display: block;
background-image: url(ajax/imagenes/nada.gif);
padding: 8px 0 0 10px;
font-weight: bold;
font-style: normal;
}

#menu_principal li a:hover {
color: #666666;
padding: 8px 0 0 10px;
background-image: url(ajax/imagenes/nada.gif);
background-position: 0 -32px;
}

y ahora quiero aplicar un estilo diferente a uno de los links del menú para ello creo otro estilo llamado ".sub" He probado a poner el .sub en muchas posiciones pero no lo coge en ninguna. Pongo de muestra una de ellas. Ya no se donde ponerlo
--------------------------------
#menu_principal li .sub a
#menu_principal li a .sub
#menu_principal .sub li a
--------------------------------

#menu_principal .sub {
color: #000000;
background-image: url(ajax/imagenes/nada.gif);

}

#menu_principal li .sub a {

voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
}

#menu_principal li .sub a:link , #menu_principal li .sub a:visited {
color: #000000;
display: block;
background-image: url(ajax/imagenes/nada.gif);
padding: 8px 0 0 10px;
font-weight: bold;
font-style: normal;
}


un saludo y gracias
  #2 (permalink)  
Antiguo 29/10/2008, 14:14
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Duda de estilo para un menú vertical

Me pones el html?

Aresillo!!
  #3 (permalink)  
Antiguo 29/10/2008, 14:28
 
Fecha de Ingreso: enero-2002
Mensajes: 161
Antigüedad: 15 años, 11 meses
Puntos: 0
Respuesta: Duda de estilo para un menú vertical

Hola, gracias por responder. Este es el menú:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento sin t&iacute;tulo</title>
<link href="isotermicos/navarra.css" rel="stylesheet" type="text/css" />
</head>

<body>


<div id="menu_principal">
<ul>
<li class="sinlink">menu 1</li>
<li><a href="p">menu 1</a></li>
<li><a href="p" title="Link">menu 1</a></li>
<li><a href="p" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li class="sub"><a href="p.html" title="Link">menu 2</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
<li><a href="p.html" title="Link">menu 1</a></li>
</ul>
</div>
  #4 (permalink)  
Antiguo 29/10/2008, 14:47
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Duda de estilo para un menú vertical

Mira a ver así...

Código PHP:
#menu_principal li.sub {
color#000000;
background-imageurl(ajax/imagenes/nada.gif);
}
#menu_principal li.sub a {
voice-family"\"}\"";
voice-familyinherit;
text-decorationnone;
}
#menu_principal li.sub a:link ,#menu_principal li.sub a:visited {
color#000000;
displayblock;
background-imageurl(ajax/imagenes/nada.gif);
padding8px 0 0 10px;
font-weightbold;
font-stylenormal;

He puesto "#menu_principal li." delante de cada sub

A mí me funciona pero a ver que tal con las imágenes...

Aresillo!!
  #5 (permalink)  
Antiguo 29/10/2008, 14:55
 
Fecha de Ingreso: enero-2002
Mensajes: 161
Antigüedad: 15 años, 11 meses
Puntos: 0
Respuesta: Duda de estilo para un menú vertical

Ahora va perfecto

en una de las combinaciones que realicé dejaba un espacio entre el "li y .sub" por eso no debía funcionar.

Me has hecho un gran favor, llevaba toda la tarde con ello y ya estaba desesperado.

Muchas gracias
  #6 (permalink)  
Antiguo 29/10/2008, 15:03
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Duda de estilo para un menú vertical

De nada!
Es un placer!

Aresillo!!
PD: La verdad es que esto de resolver problemas con el css engancha!
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 01:04.