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
