Overclock.net banner

1 - 6 of 6 Posts

·
Registered
Joined
·
1,454 Posts
Discussion Starter #1
Last week i decided to get a website for my call of duty UO clan.<br />
So i got hosting etc and put a premade template on...and it sucked.<img src="/images/smilies/rolleyes.gif" border="0" alt="" title="Roll Eyes (Sarcastic)" class="inlineimg" /> <br />
<br />
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...<br />
<br />
But now ive run into the most annoying problem:<br />
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 <img src="/images/smilies/confused.gif" border="0" alt="" title="Confused" class="inlineimg" /> <br />
<br />
Does anyone know why it would do this and/or how to fix it?<br />
<br />
Here is the site: <a href="http://unkclan.bravehost.com/" target="_blank">http://unkclan.bravehost.com/</a><br />
<br />
So yeah pls help, cant really go on till i get the links working...<br />
<br />
p.s If u know how to do it mabye give me ur MSN...easier than talkin over forums<img src="/images/smilies/redface.gif" border="0" alt="" title="Embarrassment" class="inlineimg" />
 

·
Some call me... Bifford
Joined
·
5,265 Posts
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.
 

·
Registered
Joined
·
1,246 Posts
or you could do this:<br />
<br />
<div class="bbcode_code">
<div class="bbcode_code_head">Code:</div>
<pre><code><head><style type="text/css">
img.button{
border: 0;
}
</style>
</head>

<body>
<img class="button" src="(link to image)" alt="click here" />
</body></code></pre>
</div>Note that the style code is located between the <head></head> tags and the image code is located between the <body></body> tags.
 

·
Some call me... Bifford
Joined
·
5,265 Posts
Another method that I have seen used is:<br><br><div style="margin:20px;margin-top:5px;">
<div class="smallfont" style="margin-bottom:2px;">Quote:</div>
<table border="0" cellpadding="6" cellspacing="0" width="99%"><tr><td class="alt2" style="border:1px inset;">a img { border:0px; }</td>
</tr></table></div>
Because it uses contextual selectors no specific class is needed in the image tag.
 

·
Registered
Joined
·
1,246 Posts
<div style="margin:20px; margin-top:5px; ">
<div class="smallfont" style="margin-bottom:2px">Quote:</div>
<table cellpadding="6" cellspacing="0" border="0" width="99%">
<tr>
<td class="alt2" style="border:1px inset">

<div>
Originally Posted by <strong>BFRD</strong>
<a href="showthread.php?s=d51c1a11b1f7d586c94ba64097780a71&p=1394049#post1394049" rel="nofollow"><img class="inlineimg" src="http://static.overclock.net//img/forum/go_quote.gif" border="0" alt="View Post" /></a>
</div>
<div style="font-style:italic">Another method that I have seen used is:<br />
<br />
<div style="margin:20px; margin-top:5px; ">
<div class="smallfont" style="margin-bottom:2px">Quote:</div>
<table cellpadding="6" cellspacing="0" border="0" width="99%">
<tr>
<td class="alt2" style="border:1px inset">

a img { border:0px; }

</td>
</tr>
</table>
</div>Because it uses contextual selectors no specific class is needed in the image tag.</div>

</td>
</tr>
</table>
</div>yeah thats correct, however it applies to all images in that page that have links associated with them
 

·
Some call me... Bifford
Joined
·
5,265 Posts
<div style="margin:20px; margin-top:5px; ">
<div class="smallfont" style="margin-bottom:2px">Quote:</div>
<table cellpadding="6" cellspacing="0" border="0" width="99%">
<tr>
<td class="alt2" style="border:1px inset">

<div>
Originally Posted by <strong>sniperscope</strong>
<a href="showthread.php?s=d51c1a11b1f7d586c94ba64097780a71&p=1396843#post1396843" rel="nofollow"><img class="inlineimg" src="http://static.overclock.net//img/forum/go_quote.gif" border="0" alt="View Post" /></a>
</div>
<div style="font-style:italic">yeah thats correct, however it applies to all images in that page that have links associated with them</div>

</td>
</tr>
</table>
</div>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. <img src="/images/smilies/smile.gif" border="0" alt="" title="Smile" class="inlineimg" />
 
1 - 6 of 6 Posts
Top