Highlighted Borders

Smilin' Jack · 10-24-2003, 06:46 AM

How can I make a "Highlighted" border around an image?
Specifically: Where the border color changes with a mouse rollover.

Thanks,
Jack

insomnia · 10-24-2003, 09:48 AM

Jasc has a rollover effect create, otherwise use css.

insomnia · 10-24-2003, 09:59 AM

Ok more specifically use this:

A:hover { COLOR: #FFFFFF;
TEXT-DECORATION: none;}
A being link, hover being when you mouse over, color is the color you want and don't worry about text decoration. but add a border to your image, make it a link <a name=img><img src=your image.jpg border=1></a> then the hover tag will take cre of it without any fancy rollovers. Also add a.orange:hover and it'll only affect the links with <a.orange href=yada>. hope this helps.

Smilin' Jack · 10-24-2003, 10:25 PM

Insomnia,
Don't quite get it!
I'm at: http://www.equipmentpolice.com/TEST.Html
Could you show me the code as it would exactly appear?

Thanks,
Jack

10-24-2003, 06:46 AM	THREAD STARTER #1 (permalink)
Smilin' Jack NamePros Member Join Date: Sep 2003 Posts: 46	Highlighted Borders How can I make a "Highlighted" border around an image? Specifically: Where the border color changes with a mouse rollover. Thanks, Jack __________________ "Never let the future disturb you. You will meet it, if you have to, with the same weapons of reason which today arm you against the present". - Marcus Aurelius

10-24-2003, 09:48 AM	#2 (permalink)
insomnia NamePros Member Join Date: Oct 2003 Posts: 134	Jasc has a rollover effect create, otherwise use css. __________________ Can you tell ADD has OOO pretty butterfly!

10-24-2003, 09:59 AM	#3 (permalink)
insomnia NamePros Member Join Date: Oct 2003 Posts: 134	Ok more specifically use this: A:hover { COLOR: #FFFFFF; TEXT-DECORATION: none;} A being link, hover being when you mouse over, color is the color you want and don't worry about text decoration. but add a border to your image, make it a link <a name=img><img src=your image.jpg border=1></a> then the hover tag will take cre of it without any fancy rollovers. Also add a.orange:hover and it'll only affect the links with <a.orange href=yada>. hope this helps. __________________ Can you tell ADD has OOO pretty butterfly!

10-24-2003, 10:25 PM	THREAD STARTER #4 (permalink)
Smilin' Jack NamePros Member Join Date: Sep 2003 Posts: 46	Highlighted Borders Insomnia, Don't quite get it! I'm at: http://www.equipmentpolice.com/TEST.Html Could you show me the code as it would exactly appear? Thanks, Jack __________________ "Never let the future disturb you. You will meet it, if you have to, with the same weapons of reason which today arm you against the present". - Marcus Aurelius

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)