Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Estilo del HR (http://www.forosdelweb.com/f53/estilo-del-hr-377925/)

whiteWolf 13/03/2006 14:13

Estilo del HR
 
Hola:
Saben alguien como controla la alineacion de la barra HR, lo que pasa esque la estoy utilizando dentro de unas listas(UL y LI), pero la lista tiene el estilo style='TEXT-INDENT: -30pt' , de tal modo que el hr y el elemento de la lista quedan defasados, algo asi:

o Elemento de la lista (este seria el elemeto de la lista)
------------- (este simularia el hr)
o Segundo elemento de la lista
----------------------

El problema aqui es que no puedo quitar el atributo style='TEXT-INDENT: -30pt' a las listas porque lo necesito pero no logro alinear el texto y el HR, el ebjetivo es llegar a:

o Elemento de la lista (este seria el elemeto de la lista)
------------------ (este simularia el hr)
o Segundo elemento de la lista
---------------------------

Alguien sabe como puedo hacer esto, cualquier ayuda sera bien recibida, gracias.:arriba:

bacoberto 13/03/2006 15:08

Hola whiteWolf, según entiendo, quieres que la línea quede alineada con el texto, no con la viñeta.

Si es necesario que utilizes el elemento <hr>, prueba con la propiedad margin-left del mismo.

Otra opción es que en el elemento <li> uses el atributo text-decoration puesto en underline.

Código HTML:

  li{
      text-decoration: underline;
      text-indent: -30pt;
    }

Espero que esto te sea útil.

Saludos.

whiteWolf 13/03/2006 15:26

Hola de nuevo, muchas gracias bacoberto, he usado la propiedad margin-left y a funcionado perfectamente :aplauso: poniendolo a -30pt que es el defasamiento que pongo en la lista,

margin-left: -30pt;

De nuevo muchas gracias, te debo unas chelas :borracho:.
Suerte.


La zona horaria es GMT -6. Ahora son las 01:47.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.