Posted by Arne on 07/12/07 09:22

Once upon a time *marss* wrote:
> Jukka K. Korpela wrote:
>
>> The simple way is to set a bottom or top border for some "real" element,
>> e.g.
>>
>> <div style="border-top: solid 1px black">...</div>
>
> I simplified above example for clarity and was smarted for it :(.
> Actually I need a horizontal (black) line 1 pixel thick with a (red)
> dot on one of its ends.
> Something like this:
> <div style="border-top: solid 1px black;border-left: solid 1px red"></
> div>
> But it does not work.
>
> Is it possible?
> Thanks,
> Mykola
>

How about this:

hr {height:1px; border-style:solid; border-width:1px 0 0;
border-color:#000;}

Works as above for me in a externas CSS file. Not exactly the same
visuality in IE than Gecko browsers (more space above and under in IE),
but it was the closest I could get.

--
/Arne

[Back to original message]