Banner border color Killer Skin

[Guest degsey69]

Hi There

I am using killer skin and when I insert a banner into the side panels I am getting purple borders around the banner. I have set the css file to give a designated color around the borders which it is.

I am I right in thinking that I need to edit one of the css files and if yes which one and where? :D

[convict]

If the banner uses <img> html tag you have to add border="0" inside this tag.

When none of images use borders, put in CSS

img {border: 0;}

[markscarts]

Derek, to expound further on convict's answer: The reason for these borders is that by default, a link on an image produces a blue border; violet if the link has been visited. The reason you are getting these borders is that you have links on these banners. So to disable the borders, you can specify how a browser will treat a linked image this way:

a img {

border: 0px;

}

You can control specific types of links, too, like this:

a:link img, a:visited img {

border: 0px;

}

[Guest degsey69]

Derek, to expound further on convict's answer: The reason for these borders is that by default, a link on an image produces a blue border; violet if the link has been visited. The reason you are getting these borders is that you have links on these banners. So to disable the borders, you can specify how a browser will treat a linked image this way:

a img {

border: 0px;

}

You can control specific types of links, too, like this:

a:link img, a:visited img {

border: 0px;

}

Hi Mark

I just tried that and I think I have put the code in wrong as it did not work for me

<a href="http://www.mpc-direct.com/index.php?act=viewCat&catId=77"><img {border: 0;}



src="http:\\www.mpc-direct.com\adverts\banner.jpg"></a>

What have I done wrong ;)

[markscarts]

That code was phrased for stylesheets, not inline styles. There are no curly brackets on inline styles . . . Add my code to your stylesheet.

Convict's post was also about adding a global style to stylesheet, but you can add inline style to the img tag itself, like this:

<img src="..." style="border: 0px;">

You can try that at each image call, inline code in the templates, as you have tried with my code.

My code above is a global style on images that have links.

[Guest degsey69]

Thanks Mark and Milos

I put the code against each banner image in the index.tpl file and it has worked a treat ;)

[markscarts]

You're welcome ;)

[convict]

Well done! :whistle: