Click to See Complete Forum and Search --> : img src border="0" won't work


kudzugazette
08-17-2008, 03:28 PM
I am putting a captcha on my site, and am displaying the captcha with
<img src="captcha.php" border="0" />

However, there is still a very prominent border around the image.

I tried <img xsrc="captcha.php" border="0" />, but that didn't work at all. Only the border appeared, nothing else.

Coyotelab
08-17-2008, 03:54 PM
you gotta try something like this:
<img src="captcha.php" alt="Verification code" width="50" height="24">

Declan1991
08-17-2008, 05:14 PM
If it's a link (which it sounds like it is), use this CSS
<style type="text/css">
a img {
border:none;
}
</style>
and if it's for all images, just
<style type="text/css">
img {
border:none;
}
</style>
With that you can remove all the border="0"s.

WebJoel
08-18-2008, 06:44 AM
<style type="text/css">
a img {
border:none;
outline: none;
}
</style> Do you mean the 'dotted line' that surrounds an anchored-image link? "outline:0;" or "outline:none;" removes this, -against recommendations however as this is a visual aid to indicated a 'hover' or 'hot' spot.
-I use it all the time, though. ;)

A site so-constructed with multiple anchor-images and "outline:none;" renders the page is essence, keyboard inaccessible. -If you try to TAB-around, -you cannot "see" where you are at! :eek:

But for a single image or several (such as a navigation list, etc), it's use can be sanctioned if other 'pseudo' effects are in place (font-size change, position, background-color change, etc) to indicate "hover" or"visited" or "active", etc.. :)

kudzugazette
08-18-2008, 07:35 AM
The first option, defining the size of the image, worked great.