Foros del Web » Creando para Internet » CSS »

Menú - añadir 1 estilo más..

Estas en el tema de Menú - añadir 1 estilo más.. en el foro de CSS en Foros del Web. Buenas, me gustaria saber si alguien podría ayudarme con el siguiente menú, miren queria aplicar un estilo css diferente a los <li></li> en los cuales ...
  #1 (permalink)  
Antiguo 18/04/2007, 13:41
 
Fecha de Ingreso: noviembre-2006
Mensajes: 241
Antigüedad: 11 años, 1 mes
Puntos: 7
Menú - añadir 1 estilo más..

Buenas, me gustaria saber si alguien podría ayudarme con el siguiente menú, miren queria aplicar un estilo css diferente a los <li></li> en los cuales se indica "subsecciónX" pero no se como hacerlo.. ya que ya tienen un estilo aplicado del resto del menú. Solo quería destacar esas subsecciones de algun modo.. aclarandolas o algo parecido.. pero nose como agregarle otro estilo.. espero que alguien pueda ayudarme.. le estaré muy muy agradecido.

Gracias! :D


Código HTML.

<ul id="dos">
<li><a href="#"><strong>SECCION</strong></a></li>
<li><a href="#"><strong>SECCION</strong></a></li>
<li><a href="#">subseccion1</a></li>
<li><a href="#">subseccion2</a></li>
<li><a href="#">subseccion3</a></li>
<li><a href="#">subseccion4</a></li>
<li><a href="#">subseccion5</a></li>
<li><a href="#"><strong>SECCION</strong></a> </li>
<li><a href="#"><strong>SECCION</strong></a> </li>
<li><a href="#"><strong>SECCION</strong></a> </li>
</ul>


Miren este el el codigo css que lleva el menú.

ul#dos {
list-style:none;
margin:0;
padding:0;
}
ul#dos li {
margin:2px;
padding:0;
float:left;
}
ul#dos li a {
display:block;
width:150px;
padding:4px 0;
padding-left:4px;
text-decoration:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background-color:#FFFFFF;
border-left:10px solid #666666;
filter: alpha(opacity=70); opacity: .7;
}
ul#dos li a:hover {
color:#ffffff;
background-color:#0A5FBC;
border-left-color:#000000;
}
  #2 (permalink)  
Antiguo 18/04/2007, 13:48
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: Menú - añadir 1 estilo más..

Hola thymon

Creo que sería más sencillo darle un estilo a todo y cambiar a las no subsecciones. Prueba este ejemplo con tu lista:

Código:
#dos li a {color:red}
#dos li strong {color: black}
Saludos,
  #3 (permalink)  
Antiguo 18/04/2007, 14:39
 
Fecha de Ingreso: noviembre-2006
Mensajes: 241
Antigüedad: 11 años, 1 mes
Puntos: 7
Re: Menú - añadir 1 estilo más..

WaW! mil gracias por la rapidez en tu respuesta y otras tantas por haberte interesado en mi post :D!.

He estado probando lo que me dijiste y las subseccione perfecto, pero ahora.. el resto de secciones del menú no me coje el atributo color#FFF que le indiqué para el hover ;_ sabes xke? :S

gracias de nuevo. :)!
  #4 (permalink)  
Antiguo 19/04/2007, 01:47
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: Menú - añadir 1 estilo más..

Hola de nuevo.

Pon otra vez tu Css, con las modificaciones que ha hayas hecho, para que podamos probar.

Saludos,
  #5 (permalink)  
Antiguo 19/04/2007, 15:53
 
Fecha de Ingreso: noviembre-2006
Mensajes: 241
Antigüedad: 11 años, 1 mes
Puntos: 7
Re: Menú - añadir 1 estilo más..

Hola de nuevo JavierB, aquí te dejo el codigo (html & css) ke estoy utilizando..

Gracias de nuevo sr.moderata :D

CODIGO HTML

<ul id="dos">
<li><a href="index.html"><strong>CATEGORIA</strong></a></li>
<li><ahref="descripcion.html"><strong>CATEGORIA</strong></a></li>
<li class="sbmenu"><a href="descripcion.html" class="Estilo6">Subcat</a></li>
<li class="sbmenu"><a href="descripcion.html" class="Estilo6">Subcat</a></li>
<li class="sbmenu"><a href="descripcion.html" class="Estilo6">Subcat</a></li>
<li class="sbmenu"><a href="descripcion.html" class="Estilo6">Subcat</a></li>
<li class="sbmenu"><a href="descripcion.html" class="Estilo6">Subcat</a></li>
<li><a href="galeria.html">CATEGORIA</a> </li>
<li><a href="localizacion.html"><strong>CATEGORIA</strong></a> </li>
<li><a href="contacto.html"><strong>CATEGORIA</strong></a> </li>
</ul>
</div>


CSS

ul#dos {
list-style:none;
margin:0;
padding:0;
}
ul#dos li {
margin:2px;
padding:0;
float:left;
}
ul#dos li a {
display:block;
width:150px;
padding:4px 0;
padding-left:4px;
text-decoration:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background-color:#FFFFFF;
border-left:10px solid #666666;
filter: alpha(opacity=70); opacity: .7;
}
ul#dos li a:hover {
color:#ffffff;
background-color:#0A5FBC;
border-left-color:#000000;
}
ul#dos li a {color:#333333}
ul#dos li strong {color:#000000}
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 21:12.