Sent by Artcoder on 12 January 2006 18:06
Okay. I got what I wanted. Another user suggested adding
"position:absolute" to the hr and it worked as shown here ...
<body>
Hello
<div style="border: 1px solid red; margin: 0; padding: 0;">
<hr style="position: absolute; margin: 0; padding: 0; border: 0; color:
#999999; background-color: #999999; height: 1px;" height="1"/>
</div>
Bye
</body>
Thanks.
-----Original Message-----
From: [EMAIL-REMOVED] [EMAIL-REMOVED]]
Sent: Thursday, January 12, 2006 6:53 AM
To: 'Ian Young'; [EMAIL-REMOVED]'
Subject: RE: [css-d] Too much space around the hr tag
I do want the <hr> tag. I put the border around the <hr> tag to show
that there are space above and below the <hr> in IE. I want the red
border around an <hr> tag. But I don't want the "white air" in between
the red border and the <hr>. That is what I want to achieve.
I want the word "Hello" sitting right above the <hr> (almost touching).
And I want the word "Bye" to be directly below.
Thanks.
Artcoder
-----Original Message-----
From: Ian Young [EMAIL-REMOVED]]
Sent: Thursday, January 12, 2006 12:57 AM
To: [EMAIL-REMOVED]; [EMAIL-REMOVED]
Subject: RE: [css-d] Too much space around the hr tag
>>
In Firefox, it looks exactly the way I want it. In IE there is too much
space before and after the <hr> tag. I tried various ways of styling
the hr. But am unable to collapse that space. Please let be know how
to style this <hr> tag so that it looks in IE the way it looks in
Firefox.>>
The problem as I see it is that you have a border around the hr. Your
code for changing the colour of the hr ain't doing anything.
If you remove the hr tag altogether you get a nice red horizontal line
of the colour you wish, rendering exactly the same in IE and FF.
Ian
IY e-Solutions
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.371 / Virus Database: 267.14.16/225 - Release Date:
09/01/2006
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
