How to make a thin horizontal (hair)line?

[kippie]

The command <hr> makes a horizontal line. Is there a command to make this line thinner? Or should I do it in another way>

Kippie

[redhead]

style="height: 1px;" should work... any problems? :thumbsup:

[jkd]

Be sure to remove the border:

<hr style="border: none; height: 1px; color: blue; background: blue;"/>

[kippie]

Thanks a lot!!

Kippie

[Quiet Storm]

What happened to <HR NOSHADE>?

[jkd]

Deprecated:
http://www.w3.org/TR/html4/present/graphics.html#edef-HR

[pardicity3]

While we are on the topic...

Is there anywhere on w3's site that lists all the attributes that can be modified for and <hr>? I looked once and couldn't find one.

[cg9com]

Originally posted by jkd
Be sure to remove the border:
<hr style="border: none; ....
:confused:

[Spookster]

Originally posted by kippie
The command <hr> makes a horizontal line. Is there a command to make this line thinner? Or should I do it in another way>

Kippie

or you could create a 1 pixel x 1 pixel colored image and then just use the image tag to stretch it to the length and width that you want.

[meow]

Originally posted by pardicity3
While we are on the topic...

Is there anywhere on w3's site that lists all the attributes that can be modified for and <hr>? I looked once and couldn't find one.

There isn't many and they are all deprecated.
http://www.w3.org/TR/html401/present/graphics.html#edef-HR

If you mean CSS properties, just try anything that goes with block elements. If it works, it works. :D
http://www.w3.org/TR/REC-CSS2/propidx.html

[pardicity3]

Originally posted by meow
If it works, it works. :D
Very well said. And thanks for the link!