Annoying link problem - Overclock.net

gill · 10-29-06

Last week i decided to get a website for my call of duty UO clan.
So i got hosting etc and put a premade template on...and it sucked.

So i had a go at making my own, it turned out to look pretty good IMO considering this is the first time ive tried to make one...

But now ive run into the most annoying problem:
I got the site up, but now when i try to link the Forum button to our clan forums, it puts a pink outline around the button

Does anyone know why it would do this and/or how to fix it?

Here is the site: http://unkclan.bravehost.com/

So yeah pls help, cant really go on till i get the links working...

p.s If u know how to do it mabye give me ur MSN...easier than talkin over forums

**BFRD** · 10-30-06

The default behaviour for an image that is also a link is to add a border around it. To counter this add border="0" to the image tag.

sniperscope · 11-04-06

or you could do this:

Code:

<head><style type="text/css">
      img.button{
                     border: 0;
                     }
</style>
</head>

<body>
<img class="button" src="(link to image)" alt="click here" />
</body>

Note that the style code is located between the <head></head> tags and the image code is located between the <body></body> tags.

**BFRD** · 11-04-06

Another method that I have seen used is:

Quote:

a img { border:0px; }

Because it uses contextual selectors no specific class is needed in the image tag.

sniperscope · 11-05-06

Quote:

Originally Posted by BFRD

Another method that I have seen used is:

Quote:

a img { border:0px; }

Because it uses contextual selectors no specific class is needed in the image tag.

yeah thats correct, however it applies to all images in that page that have links associated with them

**BFRD** · 11-05-06

Quote:

Originally Posted by sniperscope

yeah thats correct, however it applies to all images in that page that have links associated with them

Correct, that's the point. I have been developing web pages for about 10yrs and have NEVER wanted a border around and image link. So in most cases, having it apply to all images is the desired effect.

		Overclock.net - Overclocking.net > Software, Programming and Coding > Coding and Programming > Web Coding
Annoying link problem

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)