Daily Archive for February 3rd, 2008

<hr /> Tags

Published
by
Tiffany
on February 3, 2008
in Coding
. 3 Comments

9/21/08: This crap doesn’t work. Just skip this entry. lol.

More Crap: Achieving a 1px grey line using <hr /> tags (for me, since today) are actually quite hard to achieve. I use them to separate them posts and entries. Usually I just pop a border property (example: border: 1px solid #CCC;) under the hr tag in my style sheet. This creates a 2px line.

In equation I added 0 as a value for border-bottom. This method sometimes creates a left border, to fix this I added border-left: 0; to the selector.

hr {
	border-top: 1px solid #CCC;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

Using the same method, only condensed:

hr {
	border: 0;
	border-top: 1px solid #CCC;
}

Edit: As pointed out by Kaylee, these methods are not compatible with IE.