Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

image link border color

Status
Not open for further replies.
mcpeekj

mcpeekj

Vendor
Sep 21, 2001
105
i have thumbnails that i want to rollover the border color (with css), but with the code below (and border=0 in the img tag), there's no top border. can anybody help?

.thumb a:link {border: 3px solid f8f8ff}
.thumb a:visited {border: 3px solid c0c0c0}
.thumb a:hover {border: 3px solid #999999}


when i valign them to the bottom of the cell, it only shows the left and right border, no top OR bottom. any other alignment it only misses top.
for the life of me, i can't figure this out...
 
Sort by date Sort by votes
Hi,

Your syntax is off quite a bit. .thumb is in the wrong place, and your border attributes are not in the correct order either. This is how it should be:

<STYLE TYPE=&quot;text/css&quot;>
a:link.thumb {border: solid 3 #f8f8ff;}
a:visited.thumb {border: solid 3 #c0c0c0;}
a:hover.thumb {border: solid 3 #999999;}
</STYLE>

<BODY>
<A HREF=&quot;#&quot; CLASS=&quot;thumb&quot;><IMG SRC=&quot;relax.gif&quot; BORDER=&quot;0&quot;></A>
</BODY>

I tested that out and it works.

Hope this helps!
relax.gif

 
Upvote 0 Downvote
that didn't make a difference. it still functions exactly the same, with no top border...
 
Upvote 0 Downvote
What happens if you take the border=0 out of the image tag? Hope I helped / Thanks for helping
if ((Math.abs(x)<10&&Math.abs(y)<10) &&(((parseIntx.toString()+y.toString())-x-y)%9)!=0)){alert(&quot;I'm a monkey's uncle&quot;);}
 
Upvote 0 Downvote
ok, for some reason, it was my cellpadding. it was 0, but when i set it to 5, all is well. thanks to everybody for brainstorming
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
703
3esolar
3
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
waubain
  • Locked
  • Question
Prevent user from getting a 404 error if click on a hover text displaying a hidden image. 1
Replies
5
Views
223
jjgupta915
jjgupta915
lupidol
  • Locked
  • Question
Table's title row's rounded corners border 1
Replies
2
Views
175
lupidol
lupidol
jason.lex
  • Locked
  • Question
crop image to fit in a div box?
Replies
2
Views
184
jason.lex
jason.lex

Part and Inventory Search

Sponsor

Back
Top