Hola Luis,
Lo que sucede es que los estilos del 1� ul/li marcan al resto (heredan los
estilos del ul padre). Lo que tienes que hacer para que los segundos ul/li o
sucesivos sean diferentes a los primeros es darles un estilo diferente, es
decir un class, x ejemplo paginator2, que anule a los anteriores y
complementarlo con lo que tu quieras.
El c�digo ser�a el siguiente:
<ul>
<li>Punto uno
<ul class="segundos">
<li class="paginator2">Punto dos</li>
</ul>
</li>
</ul>
Estilos:
ul{}
li{}
ul.segundos{}
li.paginator2{}
Espero servirte de ayuda... un saludo. :)
-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de eemece2
Enviado el: martes, 07 de junio de 2005 20:42
Para: [email protected]
Asunto: [Ovillo] "cascading", no me entero
Buenas a todos,
Estoy liado con un codigo que no consigo que funcione.
Supongo que es un error de "conceptos" con la aplicaci�n en cascada de
estilos, pero no acabo de verlo.
El problema es que tengo dos listas <ul> dentro de un <div>, la primera
tiene un class="paginator", y la segunda no tiene class.
Al aplicar estilos al primer ul ( ul.paginator ) me los coge, pero tambien
me coge los aplicados a los <ul> sin clase ( .projects .items ul )
En concreto, en el codigo de abajo, lo que yo quiero aplicar en:
ul.paginator { }
ul.paginator li { }
si se aplica, pero tambien se aplica lo de:
.projects .items ul { }
.projects .items ul li { }
y en los estilos:
ul.paginator { margin-bottom: 10px; border-left: 0px solid #000;}
ul.paginator li { padding: 0 5px 0 0; }
prevalecen los anteriores.
he puesto el ul "paginator" repetido, uno dentro y otro fuera, para ver la
diferencia (lo que quiero es que dentro salga lo que sale fuera de los divs)
Gracias por vuestro tiempo y un saludo,
Edu
/////////////////////////////////
Este es el codigo:
<!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"; xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
.projects .items ul
{
border-left: 6px solid #FF7946;
list-style: none;
margin: 0;
padding: 0;
list-style: none;
}
.projects .items ul li{
margin: 0 0 4px 0;
padding: 5px;
background-color: #eee;
border-bottom: 1px solid #D6D6D6;
overflow: hidden;
}
/* PAGINATOR */
ul.paginator {
margin-bottom: 10px;
border-left: 0px solid #000;
}
ul.paginator li {
display: inline;
padding: 0 5px 0 0;
margin:0;
border-bottom: 1px solid #444;
background-color:#eee;
}
ul.paginator li.selected {
background-color:#fff;
border: 1px solid #444;
border-width: 1px 1px 0 1px;
}
/*]]>*/
</style>
</head>
<body>
<ul class='paginator'>
<li class='selected'>1</li>
<li><a href='pag=2'>2</a></li>
<li><a href='pag=3'>3</a></li>
</ul>
<div class="projects">
<div class="items">
<ul class='paginator'>
<li class='selected'>1</li>
<li><a href='pag=2'>2</a></li>
<li><a href='pag=3'>3</a></li>
</ul>
<ul>
<li>proyecto 1</li>
<li>proyecto 2</li>
<li>proyecto 3</li>
<li>Proyecto 4</li>
</ul>
</div>
</div>
</body>
</html>
_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n:
http://ovillo.org/mailman/listinfo/ovillo
