Webforumz's RSS FeedRSS Webforumz RegistrationRegister Contact Webforumz StaffContact

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.


 Subscribe in a reader

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

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Aug 30th, 2006, 21:50
Highly Reputable Member
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
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 22:42.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old Aug 30th, 2006, 21:59
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Using images as hyperlinks

All you need is some CSS spiffyness.

img a { border:0; }
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Aug 30th, 2006, 22:03
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
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.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
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 19:08
Making some hyperlinks that are none downloadable/right-clickable acrobat Web Page Design 14 May 6th, 2007 07:46
How to float 2 image hyperlinks on same line AdRock Web Page Design 6 Apr 2nd, 2007 15:30
Image hyperlinks AdRock Web Page Design 5 Mar 29th, 2007 02:46
Changing properties of hyperlinks? tom_king88 Web Page Design 7 Jul 7th, 2006 20:58


All times are GMT. The time now is 19:33.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8