|
Posted by dorayme on 07/12/07 21:52
In article
<els.aNOSPAM-D0C2BF.10313812072007@news.individual.net>,
Els <els.aNOSPAM@tiscali.nl> wrote:
> In article <1184227138.776100.170170@22g2000hsm.googlegroups.com>,
> marss <marss.ua@gmail.com> 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.
>
>
> <div style="
> border-left:1px solid red;
> background:black;
> height:1px;
> overflow:hidden;">
> </div>
>
> I don't understand the 1px dot though - it's hardly noticeable..
Curiously, leaving the overflow out,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
</head>
<body>
<h1>Curiousity</h1>
<div style="border-left: 1px solid red; background:black; height:
1px;">some text</div>
</body>
</html>
iCab renders the border as a "strike through" the text
--
dorayme
[Back to original message]
|