HTML Programming
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed ForumsWeb DesignHTML Programming

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old April 29th, 1999, 10:01 AM
christine
Guest
Dev Shed Newbie (0 - 499 posts)
 
Posts: n/a  
Time spent in forums:
Reputation Power:
I have used the following style sheet to change the colour of the links on my page as the mouse rolls over them:

<STYLE>
<!--
a:hover {color:ff0000}
-->
</STYLE>

URL However, some links contain images, which are shown with a border of the default link colour.
How can I change the border colour of the linked images, as the mouse rolls over them?

Thanking you.


[This message has been edited by christine (edited 04-29-99).]

[This message has been edited by christine (edited 04-30-99).]

Reply With Quote
  #2  
Old June 18th, 1999, 10:20 AM
rico
Guest
Dev Shed Newbie (0 - 499 posts)
 
Posts: n/a  
Time spent in forums:
Reputation Power:
Hi Christine!

I'm not used to style sheets, but I know how to change the border color of linked images.
You just have to set the color of your choice with the property link="#AAAAAA" which you can insert in a body tag. I guess you can use it with style sheets. Anyway, if you just don't want it to get on your nerves, you may just insert border="no" in your IMG tag. Then you won't have anymore border.

Hope it was helpfull

Souvenirs de France.
Bye.
EB

Reply With Quote
  #3  
Old July 7th, 1999, 11:05 AM
Striker
Guest
Dev Shed Newbie (0 - 499 posts)
 
Posts: n/a  
Time spent in forums:
Reputation Power:
Try this in your
<head>
<style>
<!--
A:link {color:#A13A03; text-decoration: none}
A:visited {color:#A13A03; text-decoration: none}
A:active {color:#0063A4; text-decoration: none}
A:hover {color:#003366; text-decoration: underline}
-->
</style>
</head>

On your images, the tag should look something like this:

<img src="image.gif" border="2">

Hope this helps



------------------
Striker

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignHTML Programming > rollover image links

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap