Tema: Text-indent sin efecto en <ul>
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/06/2010, 08:47
Masane
 
Fecha de Ingreso: marzo-2008
Mensajes: 207
Antigüedad: 16 años, 1 mes
Puntos: 0
Text-indent sin efecto en <ul>
Buenas a todos:

Estoy diseñando una plantilla en XHTML estricto y no sé por qué me está fallando el text-indent que asigno a una de las listas.

Os dejo el código del HTML y el CSS asignado al mismo:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "XHTML1-s.dtd" >
  2.  
  3. <html xmlns="http://www.w3.org/TR/1999/REC-html-in-xml" xml:lang="es" lang="es" >
  4.  
  5.   <head profile="http://gmpg.org/xfn/11">
  6.   
  7.   ...etc...
  8.     
  9.   </head>
  10.   
  11.   <body>
  12.       
  13.   <div id="contenedor">
  14.     <div id="header">
  15.       <ul id="perfiles">
  16.           <li><a title="titulo" href="#" id="boton-blog">enlace</a></li>
  17.           ...etc...
  18.       </ul>
  19.       ...etc...  
  20.   </body>
  21.   
  22. </html>


Código CSS: 
Ver original
  1. /* Botonera de aplicaciones y perfiles */
  2. #perfiles {
  3.   display: block;
  4.   width: 712px;
  5.   height: 50px;
  6.   float: right;
  7.   padding: 0px;
  8.   margin: -22px 200px 0px -28px;
  9.   border: 0px;
  10.   text-align: right;
  11.   list-style-type: none;
  12.   text-indent: -9000px;  
  13. }
  14.  
  15. #perfiles li {
  16.   display: inline;    
  17.   text-indent: -9000px;                                              
  18. }
  19.  
  20. #perfiles li a {
  21.   float: left;
  22.   display: block;
  23.   border: 0px;
  24.   text-decoration: none;
  25.   padding: 0px;
  26.   margin: 0px 0px 0px 1px;
  27.   text-indent: -9000px;
  28.   cursor: pointer;
  29. }
  30.  
  31. #perfiles li #boton-blog {
  32.   width: 75px;
  33.   height: 50px;
  34.   background: #FFFFFF url('../imgs/boton-blog.png') no-repeat top left;
  35. }
  36.  
  37. #perfiles li a:hover {
  38.   background-position: bottom left !important;
  39. }

Si hay algún fallo, no lo encuentro, y no sé por qué no se asigna el text-indent, cuando en otras zonas de la web tengo asignado el mismo text-indent y sí que se asigna sin problemas :S ...

¿Alguien que me ilumine?

Muchas gracias por adelantado.


Un saludo.