Welcome to WebmasterWorld Guest from 54.147.44.13

Forum Moderators: open

Message Too Old, No Replies

bold blue border around linked images

buttons, links, image, Dreamweaver, CS3

     
3:51 pm on Apr 27, 2007 (gmt 0)

New User

5+ Year Member

joined:Sept 14, 2006
posts:13
votes: 0


I'm creating very simple buttons in my website. The problem is, Dreamweaver CS3 is putting a bold blue border around the images everytime I hypertext them to another file. I thought this was just a WYSIWYG indicator, until I realized that it was taking up pixel space on teh Design view, thereby forcing my last button to the next row within the table.

What's worse is that both versions of Firefox 2.0.0.3 and Netscape 8.12 for the PC is showing the blue bold lines too?

Where can I turn this off?

4:05 pm on Apr 27, 2007 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 28, 2004
posts:1786
votes: 0


You can add
img {
border: 0}

to your CSS or
border="0"

to the <img> tag. If you right click on the image, you should be able to see border somewhere and add 0 to that

-Corey

[edited by: Corey_Bryant at 4:05 pm (utc) on April 27, 2007]

4:05 pm on Apr 27, 2007 (gmt 0)

Senior Member

WebmasterWorld Senior Member beedeedubbleu is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 3, 2004
posts:6099
votes: 6


This is probably because the image has a one pixel border. You have to set the image border to zero either in HTML or CSS.
4:07 pm on Apr 27, 2007 (gmt 0)

Senior Member

WebmasterWorld Senior Member beedeedubbleu is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 3, 2004
posts:6099
votes: 6


Sorry Corey. We posted at the same time but at least we agree :)
6:21 pm on Apr 27, 2007 (gmt 0)

New User

5+ Year Member

joined:Sept 14, 2006
posts: 13
votes: 0


I did a workaround.

I used the map function in Dreamweaver and did it that way.

But the borderless image thing is intriguing too.