Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 14-mar-2006, 10:17   #1 (permalink)
cromo ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2006
Mensajes: 1
Idea Imagenes en listas list-style-image

Tengo un problema a la hora de hacer una lista para un menu. Se trata de un lista con sublistas es decir, he creado la clase #navcontainer ul, #navcontainer ul ul y #navcontainer ul ul ul de la siguiente forma en el css:

#navcontainer ul
{
margin-left: 0px;
padding-left: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size: 10px;
font-weight: bold;
list-style-position: inside;
list-style-image: url(cuadratin.gif);
}

#navcontainer ul ul
{
padding-bottom: 10px;
list-style-position: inside;
list-style-image: none;
}

#navcontainer ul ul ul
{
padding-bottom: 10px;
list-style-position: inside;
list-style-type: none;
}


Todo eso es para este html:

<div id="navcontainer">
<ul id="navlist">
<li><br /><p>Ventas</p>
<ul>
<li>Costa Mediterr&aacute;nea
<ul>
<li>Nuevas promociones </li>
<li>Apartamentos y pisos</li>
</ul>
</li>
<li>Comunidad de Madrid
<ul>
<li>Nuevas promociones</li>
<li>Apartamentos y pisos</li>

</ul>
</li>
</ul>
</li>
<li><p>Alquileres</p>
<ul>
<li>Costa Mediterr&aacute;nea
<ul>
<li>Nuevas promociones</li>
<li>Apartamentos y pisos</li>
<li>Chalets</li>

</ul>
</li>
<li>Comunidad de Madrid
<ul>
<li>Nuevas promociones</li>
<li>Apartamentos y pisos</li>

</ul>
</li>
</ul>
</li>
<li><p>Grupo Farro</p>
<ul>
<li>Quienes somos </li>
<li>D&oacute;nde estamos</li>
<li>Contacto</li>
</ul>
</li>
<li><p>Enlaces de Inter&eacute;s</p></li>
<ul>
<li>Admira Comunicaci&oacute;n</li>
</ul>
<li>
<p>Revista Farro</p>
</li>
<ul>
<li>Descargar Revista</li>
</ul>
</ul>

</div>


Lo que quiero conseguir es una lista con cuadratines distintos en cada nivel de ul creados con imagenes gif, pero parece que se 'heredan' esos cuadratines, y salen todos iguales.

¿Como se podria hacer una lista con listas dentro y que los cradratines interiores sean distintos segun el nivel?
cromo está desconectado   Responder Citando
Antiguo 15-mar-2006, 11:07   #2 (permalink)
Kailea está en el buen camino
 
Fecha de Ingreso: marzo-2004
Ubicación: Sureste
Mensajes: 178
No estoy muy segura pero si en lugar de poner:

#navcontainer ul ul ul

pones

#navcontainer ul>ul>ul

puedas solucionar algo.

Y si no, imagino que podrás solucionarlo especificando una clase para cada lista.
Kailea está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 01:03.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93