Border around logo

[usawh]

Hi,

 

I am working on this web site http://www.click4waikiki.com around the logo is a border. I set the border=0 but it's still show up. why ? help please.

 

usawh

[Schlo_50]

Try:

 

<img alt="Click4Waikiki.Com" bgcolor="005200" BORDERCOLOR="005200" border="0" src="http://www.click4waikiki.com/logo-plain/logo.gif" />

 

Note, the '/>' which closes the image tag.

[usawh]

Hi,

 

Thanks I changed it but it is still showing the border.

 

regards,

usawh

[BoltZ]

BORDERCOLOR="005200"

 

wont work

it wont validate either if using xhtml

put it lower case and use # in the beginning of the color

[ToonMariner]

get used to maintaining your presentational layer in CSS files...

 

putting a border attribute on an image is not the best way to keep your site clean and maintainable.

[mikeychan]

img { border: 0; }

 

try putting this in your css code in the header section.

 

[dropfaith]

wouldnt it be border:none; in css not 0

 

i think either works but border:none seems more proper

[TheFilmGod]

<a href="http://www.click4waikiki.com"><img alt="Click4Waikiki.Com" bgcolor="white" BORDERCOLOR="white" border="0" src="http://www.click4waikiki.com/logo-plain/logo.gif" /></a>

 

This is the code in question. The issue is not the image, but the link "<a>" that encompasses the element.

 

I don't know how you do this in html strictly, but in css you would do something like:

 

a img {

  border: none;

}

 

Please validate your html! You are using 3 body tags, lack a head and html tag, and you're missing a doctype! Failing to fixing these three issues will result in unwanted headaches. 

[stublackett]

Have you had any joy with this?

 

Just looking at the answers, To prevent images getting those blasted borders, I often set in my stylesheet, Thats one of the first things I do.

 

.img { border : none ; }

[TheFilmGod]

Have you had any joy with this?

 

Just looking at the answers, To prevent images getting those blasted borders, I often set in my stylesheet, Thats one of the first things I do.

 

.img { border : none ; }

 

This would not work. ".img" is a class. To make this code work you need to add a class to all the iamges.

 

Maybe stublackett meant this:

 

img { border: none; }

 

If this is the case, this would work. HOWEVER, this assumes the website will never have images w/ borders. Therefore, by stating "a img { border: none; }" is the safest bet because only images that are links will not have a border.

 

There's always ways to work around something, but my solution is the simpliest to implement.