Using images as hyperlinks

This is a discussion on "Using images as hyperlinks" within the Web Page Design section. This forum, and the thread "Using images as hyperlinks are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Aug 30th, 2006, 20:50
AdRock's Avatar
SuperMember

SuperMember
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to AdRock
Using images as hyperlinks [RESOLVED]

I've never used images as hyperlinks before but I'm currently creating a simle php image gallery.

I have all my thumbnail images displayed and the hyperlinks set up but i have noticed a coloured border around the images.

What I want to do is remove the border around the image so the only way you know it's a link is if you hover over the image

Last edited by AdRock; Aug 30th, 2006 at 21:42.
Reply With Quote

  #2 (permalink)  
Old Aug 30th, 2006, 20:59
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,713
Blog Entries: 1
Thanks: 0
Thanked 16 Times in 16 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: Using images as hyperlinks

All you need is some CSS spiffyness.

img a { border:0; }
__________________
The internet is just a fad.
http://www.mevans76.com
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #3 (permalink)  
Old Aug 30th, 2006, 21:03
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Using images as hyperlinks

Code: Select all
a img {
    border: 0;
    outline: none;
}
It's "a img", not "img a". That outline: none; also takes care of the dotted borders Firefox puts on active links.
Reply With Quote
Reply

Tags
using, images, hyperlinks

Thread Tools

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Help with changing colour of hyperlinks sing2trees Web Page Design 10 May 22nd, 2007 18:08
Making some hyperlinks that are none downloadable/right-clickable acrobat Web Page Design 14 May 6th, 2007 06:46
How to float 2 image hyperlinks on same line AdRock Web Page Design 6 Apr 2nd, 2007 14:30
Image hyperlinks AdRock Web Page Design 5 Mar 29th, 2007 01:46
Changing properties of hyperlinks? tom_king88 Web Page Design 7 Jul 7th, 2006 19:58


All times are GMT. The time now is 05:46.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43