"David Ehmer" <eh***@optusnet.com.au> wrote:
I have some buttons I'm working on at this address
http://www.boatingaccessories.com.au/test3.htm
In NS7, Mozilla and Opera, the borders don't render. IE6 displays as
intended.
Okay, can you guess which browser is correct and which is wrong?
Your code is as follows:
border: 2px solid;
border-top: #AEAED5;
border-left: #8D8DBF;
border-bottom: #000000;
border-right: #000000;
The first line says to set all four borders to 2px width, solid style
and the color of the element (e.g. white for your links).
The next four lines set the colours on each side but also set the
width and style back to their initial values. And the initial value
for border-style is none.
Hence there should be no borders, beacuse that's what you've told the
browser to draw. IE is wrong, the other browsers are correct.
I would use the following instead:
border-width: 2px;
border-style: solid;
border-color: #AEAED5 #000000 #000000 #8D8DBF;
You also have other problems, because the buttons are sized in pixels
they break when the text is reszied, and there is no way to
distinguish between visited and unvisited links.
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>