Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Adding Lines to Pages



1:33 pm on Jan 21, 2010 (gmt 0)

10+ Year Member

The New York Times website uses lots of fine gray lines to separate content. What's the best way to put these into a site? Do they use CSS? Any tips or tricks to doing this?



6:50 pm on Jan 22, 2010 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member

Hi pab1953,

I think what you are referring to maybe just a normal <hr> tag but with a specified size and colour:-

<hr size="1" color="lightblue" />

of course if using css you can pop the detail into a class and reference it, but this is what I use on my pages, and it looks like the ones you were referring to in the NY times,

Hope this helps,



9:09 pm on Jan 22, 2010 (gmt 0)

10+ Year Member

Thanks. I also learned how you can create a 2px by 2px "speck" and adjust its size using the Height and Width attributes. Which is good, but it doesn't help me solve the problem of using such lines with a table that has <td colspan="2">. Where do they go? Maybe working with CSS borders is easier.


9:49 pm on Jan 22, 2010 (gmt 0)

5+ Year Member

it is done with CSS DIV borders....each block is a small container and you can specify border size,color,thickness and so on..
havent seen the site but this is common practice in css site creation.


2:47 pm on Jan 24, 2010 (gmt 0)

5+ Year Member

I would use:

.sepe {width:100%;height:1px;border-bottom:1px dotted;border-left:none;border-right:none;border-top:none;}


<hr class="sepe" />

Hope it helps, it's probably not a good way to do it but it looks good and gets the job done!


11:50 am on Jan 26, 2010 (gmt 0)

10+ Year Member

Thanks for feedback. I'm still on the trail of an answer.

Uplius, that is one possible solution. But how do you apply that to vertical lines?..


5:14 pm on Jan 26, 2010 (gmt 0)

5+ Year Member

Hi All, Thanks for posting the information. Can anyone please tell where these CSS is used?

[edited by: limbo at 10:05 pm (utc) on Jan. 26, 2010]


10:08 pm on Jan 26, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

I wouldn't use the horizontal rule (<hr> ) tag. It's now deprecated.

Better to use CSS borders on container other HTML elements.


9:30 pm on Jan 29, 2010 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member

Oh, thanks for that Limbo, I thought as it was, but it still validates so I still use it, however using DIV's to achieve the same effect, I find to be troublesome, so I opt for the older, way of doing it. Just personal preference.




Featured Threads

Hot Threads This Week

Hot Threads This Month