W3C home > Mailing lists > Public > www-style@w3.org > November 2001

Re: Submitbuttons and CSS in IE6.0

From: Darren Ferguson <darren@crystalballinc.com>
Date: Fri, 9 Nov 2001 14:08:27 -0500 (EST)
To: Nicholas Atkinson <nik@casawana.com>
cc: "W3-Style (E-mail)" <www-style@w3.org>
Message-ID: <Pine.LNX.4.10.10111091406450.12915-100000@thread.crystalballinc.com>
The reason why is that input is part of the form elements

I.E. Shows them up if they are not in a form I.E 5 onwards so far as i
have noticed

Netscape 4.76 will not show the buttons because they are not in a form

Ain't sure about Netscape 6.*

Anyway from my understanding you should have form elements inside the form
tag

Darren

Darren Ferguson
Software Engineer
Openband

On Fri, 9 Nov 2001, Nicholas Atkinson wrote:

> I have reproduced the problem you are describing (albeit on IE5.5).  I too
> get the emphasised border when the body has focus.
> 
> I have found that if you put the <INPUT button within a <form> element then
> the emphasised border does not appear.
> 
> Not sure why!
> 
> nik
> 
> ----- Original Message -----
> From: "Michael Frederiksen" <mfr@cubitech.dk>
> To: "W3-Style (E-mail)" <www-style@w3.org>
> Sent: 09 November 2001 16:36
> Subject: Submitbuttons and CSS in IE6.0
> 
> 
> > Hi all,
> >
> > Just a quickie, I've been playing around with submit-buttons and css.
> >
> > Here's what I've got so far:
> >
> > .C673 {
> > BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; FONT-SIZE:
> > 11px; BORDER-LEFT: #333 1px solid; COLOR: #333; BORDER-BOTTOM: #333 1px
> > solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #d5e9f3
> > }
> >
> > and in the HTML
> > <INPUT class=C673 onclick=validateForm(); type=submit value=Send
> name=SAVE>
> > honoring the doctype
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> > "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
> >
> > Now, the problem is that IE6.0 in W2K adds an extra border around the
> > button, when the body (or anything in it) is focused. It displays
> 'correct'?
> > (without the second border, thats what I'm aiming for anyway) in Mozilla.
> Is
> > the a way to work around this, using css? I know I could just add a
> picture
> > but I'm not interested in making a picture for each button :(
> >
> > Thank you for any help or input that you could give me.
> >
> > TIA
> > -Michael
> >
> >
> 
Received on Friday, 9 November 2001 14:08:44 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:11 GMT