Even the border's not a perfect solution. It's fine in FF3 but appears about
three pixels wide in IE7. I haven't tried IE6 yet. Is this a box model
problem; I thought they had been resolved in IE7 ?
http://www.holidaymullandiona.co.uk/
Tim Dawson wrote:
> Thank you. Of course. I got so completely fixated on the first thing I
> thought
> of that the obvious passed me by.
>
> Tim
>
> Aubrey Benasa wrote:
>> Hi Tim,
>>
>> I think you can just call out a border on just one side of your 800px wide
>> image, i.e.:
>>
>> img {border-bottom:1px solid #fff; }
>>
>> hth, aubrey
>>
>> On Thu, Sep 11, 2008 at 3:09 PM, Tim Dawson <[EMAIL PROTECTED]
>> <mailto:[EMAIL PROTECTED]>> wrote:
>>
>> I want to draw a single white horizontal line, 800px wide, 1px high, between
>> two images. I know this could be done by adding a line to one of the images,
>> but they already exist (in several variants) and I was hoping not to have to
>> modify them all. I'd like to use the <hr /> element if possible.
>>
>> Firefox is happy with 'hr {width: 800px; height: 1px; color: #FFF; margin:
>> 0;}' but IE7 insists on inserting transparent space above and below the line
>> (whether this is margin, padding, or something else is moot, but adding
>> 'padding: 0;' to the style has no effect).
>>
>> I have read the long thread on this subject from last April, but I found it
>> confusing and inconclusive. I've tried using an empty div only 1px high,
>> with background, but IE still insists on transparent spacing.
>>
>> Is there a simple cross-browser solution ? Or have I got to edit those
>> images ?
>>
>> Tim Dawson.
>>
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
