<hr>

@philipskarenJan 22.2004

i want to have two thick lines together i.e. one after the other.

i coded in HTML which gives me space between these two lines & i don’t want that, i want them one right after the other.
here’s my HTML code:
<hr color=”#808080″ size=”15″><hr color=”#000000″ size=”15″>

could it be possible that where i saw this, they might have used two gif’s or they did something thru CSS.

to post a comment

HTML

16 Comments(s) _↴

@soccer362001Jan 22.2004 — #Why do you want one right after another? Why not just have one big one?

@PhillMcJan 22.2004 — #There are two ways to put the one right after the other.

1. Use a GIF instead of two <HR>'s

2. Use absolute positioning.

@Paul_JrJan 22.2004 — #Just off the top of my head:

<i>
 </i>&lt;style type="text/css"&gt;
 .hr {
 color:#000;
 background-color:#000;
 height:4px;
 border-top:2px solid #F00;
 }
 &lt;/style&gt;

<i>
 </i>&lt;hr class="hr" /&gt;

@PhillMcJan 22.2004 — #Well....there was a third. But it doesn't count in my case, ask Pyro, I picked up on CSS just a couple days ago, lol

@Paul_JrJan 22.2004 — #Lol. There's also a fourth, which could last be seen someplace around http://www.matts-website.net I think. But now... ?

@spufiJan 23.2004 — #It's still there, but you kind of have to backdoor your way to the code as I'm switching over my site to use Word Press as my CMS. Here's the link for the thing I did, but it was more about how to color a <hr> tag so it's more cross browser friendly.

http://www.matts-website.net/geek/wdhr.html

Ok, what do you mean one after the other? Do you mean one on top of the other, or side-to-side?

@ray326Jan 23.2004 — #In the style sheet,

[code=php]
 .rule {
 border-top: 15px solid #808080;
 border-bottom: 15px solid black;
 }
 [/code]

In the body,

[code=php]
 <div class="rule"></div>
 [/code]

@spufiJan 23.2004 — #[i]Originally posted by ray326 [/i]

[B]In the style sheet,

[code=php]
 .rule {
 border-top: 15px solid #808080;
 border-bottom: 15px solid black;
 }
 [/code]

In the body,

[code=php]
 <div class="rule"></div>
 [/code]

[/B][/QUOTE]

What bugs me about that code is the fact that it's not semantic. However, I went and tried a two <hr> tag version of it and even after I defined things via CSS, I found out the bottom border for Firebird is 9px, Opera is 11px, and IE is 14px. All three browsers are even the current version. *sigh*

@philipskarenauthorJan 23.2004 — #I want one on top of another.

@spufiJan 23.2004 — #Then either use ray326's code, or you can use two <hr> tags, but you will need some sort of hacks to make it cross browser friendly due to issues with the margins between the two tags.

@philipskarenauthorJan 23.2004 — #hi spufi,

i just went thru the site which u mentioned. one hr ,some space & then an hr is possible with my simple code of HTML also.what i want is that these hr's should touch each other .

one on top of the other.well i am looking around for a solution,let u know if i find something.

@pyroJan 23.2004 — #[i]Originally posted by spufi [/i]

[B]What bugs me about that code is the fact that it's not semantic.[/B][/QUOTE]Just ask yourself how big of a deal that really is. Think about it, a <hr> really holds little semantic value, and a <div> holds none at all. Most of the time, a <hr> is probably used as a visual means of adding a line to the page, so why not just style up a <div>? I think it's a non-issue, for the most part.

@ray326Jan 23.2004 — #What bugs me about that code is the fact that it's not semantic. However, I went and tried a two <hr> tag version of it and even after I defined things via CSS, I found out the bottom border for Firebird is 9px, Opera is 11px, and IE is 14px. All three browsers are even the current version. *sigh*[/QUOTE]
I know. I fiddled with hr, too, before looking at what she wanted and coming up with that div. Bottom line to me is an hr and an empty div have exactly the same quantitative "meaning".

@spufiJan 23.2004 — #[i]Originally posted by philipskaren [/i]

[B]hi spufi,

i just went thru the site which u mentioned. one hr ,some space & then an hr is possible with my simple code of HTML also.what i want is that these hr's should touch each other .

one on top of the other.well i am looking around for a solution,let u know if i find something. [/B][/QUOTE]

Use ray326's code then.

And yeah, the difference between <hr> and <div> in this case isn't really a hill worth dying on.

@TheBearMayJan 23.2004 — #Variation on the theme:

<div style="border-bottom-style:double; border-bottom-width:thick; border-bottom-color:gray;">

@beginner06Oct 29.2006 — #Im new in webdesign, currently designing my personal site. I just want to know how can I change the color of <hr> element on my site from white to gray or to any other color. Hope to hear from anyone, thanks a lot.

Also in #HTML _↴

HTML CODE: How To Radio Buttons .pps displayed in a corner of the screen url iframe

Success!

Help @philipskaren spread the word by sharing this article on Twitter...

Tweet This

<hr>

16 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

<hr>

16 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

16 Comments(s) _↴

Also in #HTML _↴