sounds like you are trying to do something that's probably better suited for
an image/graphic....
As for the height thing... did you try with a 1 as the height? Did it still
show the 20px height or did it show the 1px height? Just trying to see if the
# is the problem or the syntax around it.
--
Curt Christianson
site:
http://www.darkfalz.com
blog:
http://blog.darkfalz.com
"Martin Eyles" wrote:
[color=blue]
> I want the tick marks' boxes to have no visible content, with just visible
> borders. According to the css box model, the borders are added to the
> height, so I want zero height (if I have 1px height, I will have top border,
> 1 pixel of background and bottom border).
>
> Besides, the problem is not that I don't see it - it is that internet
> explorer actually gives a height of about 20 pixels to the content.
>
> Any other ideas?
>
> Thanks,
> ME
>
> --
> Martin Eyles
>
martin.eyles@NOSPAM.bytronic.com
>
> "Curt_C [MVP]" <software_at_darkfalz.com> wrote in message
> news:F276001F-5D95-4848-8C4E-714DFD4E0F60@microsoft.com...[color=green]
> > with a 0 height it would be invisible/hidden otherwise.
> > use a 1 height and try again.
> >
> > --
> > Curt Christianson
> > site:
http://www.darkfalz.com
> > blog:
http://blog.darkfalz.com
> >
> >
> >
> > "Martin Eyles" wrote:
> >[color=darkred]
> > > Hi,
> > > I want to make a scale on a graph, by telling asp to insert empty[/color][/color]
> divs[color=green][color=darkred]
> > > of class tick, and the setting the style in css. I am trying to get a 3D
> > > effect by using colored top and bottom borders on the divs, and setting
> > > their height to 0. The code bellow show an example tick, and it all[/color][/color]
> looks[color=green][color=darkred]
> > > beautiful in firefox, but in internet explorer, the height appears to be
> > > ignored. Does anyone have any ideas?
> > >
> > > Thanks,
> > > Martin
> > >
> > > <html>
> > > <head>
> > > <style>
> > > ..tick {border-top: 1px solid black; border-bottom: 1px solid red;[/color][/color]
> width:[color=green][color=darkred]
> > > 12px; height: 0px; padding: 0px; margin: 0px}
> > > </style>
> > > </head>
> > > <body>
> > > <div class="tick"></div>
> > > </body>
> > > </html>
> > >
> > > --
> > > Martin Eyles
> > >
martin.eyles@NOSPAM.bytronic.com
> > >
> > >
> > >[/color][/color]
>
>
>[/color]