Highlighting image button

[russiandevil]

hi,

Does anyone have an idea on how I'd go about highlighting (with a
border, or something equally effective) a input button of type 'image'
(i.e. <input type=image alt=Login src=http://<etc, path to image file>
Login)

For most of the other element, applying a style such as
"background-color: red; border-color: red; border-width: thick" seems
to be sufficient, however for image buttons (especially those that have
"border=0" as a part of their HTML definition) this seems to be rather
ineffective.

Any suggestions would be welcome,

regards,
Greg

[ASM]

ru**********@gmail.com a écrit :

hi,

Does anyone have an idea on how I'd go about highlighting (with a
border, or something equally effective) a input button of type 'image'
(i.e. <input type=image alt=Login src=http://<etc, path to image file>
Login)

For most of the other element, applying a style such as
"background-color: red; border-color: red; border-width: thick" seems
to be sufficient, however for image buttons (especially those that have
"border=0" as a part of their HTML definition) this seems to be rather
ineffective.

Except with NetsCape 4.5 you don't need html border=0
style your image with that.

About styles changes, specially with colors, always use css classes.

<input type=image class="img_button"
onclick="this.className = this.className=='img_button'?
'seen' : 'img_button';"
blah >

css :
=====
..img_button { border: 0px; }
..seen { border: 3px solid red; }


--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

[Evertjan.]

ASM wrote on 15 jan 2007 in comp.lang.javascript:

About styles changes, specially with colors, always use css classes.

<input type=image class="img_button"
onclick="this.className = this.className=='img_button'?
'seen' : 'img_button';"

or just:

onclick="this.className = 'seen';"

or:

onmousedown = "this.className = 'pressed';"
onmouseup = "this.className = 'unpressed';"

blah >

css :
=====
.img_button { border: 0px; }
.seen { border: 3px solid red; }

This will move the page content.

Try:

..img_button { border: 3px solid transparent; }
..seen { border: 3px solid red; }

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[ASM]

Evertjan. a écrit :

ASM wrote on 15 jan 2007 in comp.lang.javascript:

>css :
=====
.img_button { border: 0px; }
.seen { border: 3px solid red; }

This will move the page content.

Absolutely ! it's :
- funny
- more visual
:-)

Try:

.img_button { border: 3px solid transparent; }

And my funny effect ?
--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

[Evertjan.]

ASM wrote on 15 jan 2007 in comp.lang.javascript:

Evertjan. a écrit :

>ASM wrote on 15 jan 2007 in comp.lang.javascript:

>>css :
=====
.img_button { border: 0px; }
.seen { border: 3px solid red; }

This will move the page content.

Absolutely ! it's :
- funny
- more visual
:-)

>Try:

.img_button { border: 3px solid transparent; }

And my funny effect ?

Haha!

"funny haha" or "funny peculiar"? ;-)

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[ASM]

Evertjan. a écrit :

>
"funny haha" or "funny peculiar"? ;-)

grote grote lach

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date