Coupons - Cadillac - Web Advertising - Bad Credit Mortgages - Loans

PDA

View Full Version : How to eliminate the blue border on linked images?


jimd118
Nov 2nd 2007, 9:27 pm
Hi guys,
Just upgraded to Dreamweaver CS3 and im having a problem with images that are clickable for linking. Whenever I make an image a clickable link it will automatically make a blue border when its in the web browser. Needless to say this kinda ruins your visual design so i need to eliminate this. I know its something probably easy so any help I will appreciate it.
Thank you
Jim

deronsizemore
Nov 2nd 2007, 9:33 pm
Well if you're using CSS, you can just specify:

img {
border: 0;
}

jimd118
Nov 2nd 2007, 9:35 pm
nope just been creating layouts in photoshop then converting them to html through slicing and so on... i then visually highlite the button area and make the link. I then get the blue box.....?...

jBud
Nov 3rd 2007, 7:44 am
You'll need to add a border 0 tag to your image,
if you're using dw cs3 than look at the property of the image, it has a border field which is empty by default, make it a "0", so that your image link looks kind of like that:
<a href="page.html"><img src="image.gif" alt="alt Title" width="100" height="100" border="0" /> look @ border="0"
or you can just go with deronsizemore suggestion and control it through css, it would be something like this:

img, img a, img a:link, img a:active, img a:visited {
border: 0;
}