línea punteada cómo hago??

[marilinadg]

Hola a todos, quisiera hacer una línea punteada que separe dos párrafos, alguien podría decirme cómo hago?
Mil gracias!

[DragonX]

http://www.forosdelweb.com/showpost....6&postcount=20

[marilinadg]

ah si, lo había visto, solo que no se cómo aplicarlo al código, qué tengo que poner exactamente?
/*Una imagen vale mas que mil palabras*/
supongo que eso no va no?
y para poner la longitud de la línea y el color???
perdón por mi ignorancia.
y gracias por responder!

[JavierB]

Hola marilinadg

A ver te sirve poniendo esto entre los párrafos:

Código:

<hr style="border:1px dotted red; width:300px" />

Saludos,

[marilinadg]

si, funciona,estábien entonces que ponga ese código en el html vendría a ser no en los estilos verdad?
Bueno, funcionar funciona solo que lo quier hacer bien, mil gracias!!

[bhagat]

entonces que ponga ese código en el html vendría a ser no en los estilos verdad?

marilinadg el código que te sugirió JavierB es CSS, osea estilos.

solo que se puede incluir los estilos de varias formas y una de ellas es en el propio HTML como te indicó JavierB

<hr style="border:1px dotted red; width:300px" />

lo que está en negrita es estilo, también podrías indicarlo en el HEAD del documento,

<STYLE type="text/css">
hr{
border:1px dotted red;
width:300px
}
</STYLE>

así todos los HR serían iguales y no tendrías que escribir el mismo código una y otra vez dentro del HTML

y también puedes escribirlo en un documento externo y vincularlo al documento HTML

pero recuerda todo esto es CSS solo que hay diferentes posibilidades

puedes ver este pequeño tutorial donde te lo explica claramente

http://www.cristalab.com/tutoriales/...-basico-de-css

.

[metacortex]

El problema con ese estilo es que IE no lo agarra, y a cambio lo sustituye por el feo dashed. Una solución es construir un pequeño gif transparente y repetirlo. Por ejemplo, si vas a hacer una línea horizontal haces uno de 1px de alto x 5px de ancho. El primer píxel lo rellenas con el color plano que desees, dejando los otros 4px transparentes. Luego lo colocas como fondo y lo repites horizontalmente. Así hago siempre con un caso así. De hecho la imagen sólo pesa 44 bytes, casi el mismo espacio que ocupan los caracteres al escribir el estilo en la hoja, con la diferencia que puedes personalizarlo aún más porque precisamente se trata de una imagen.

Saludos.

[marilinadg]

Muchas gracias a todos, de verdad muy claras las respuestas, no sabía que el css se podía escribir de maneras diferentes y en distintos lugares asi que gracias bhagat por explicarlo tan claramente, al verlo escrito en css (como yo conozco) me resultó más familiar, pero es bueno conocer diferentes opciones.
Voy a probar co0n cual queda mejor.
Y mil gracias otra vez a todos!!
este foro está bárbaro.