homepage Welcome to WebmasterWorld Guest from 54.227.171.163
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
CSS, borderless image links and NS4
Is it possible?
ergophobe

WebmasterWorld Administrator ergophobe us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 301 posted 6:01 pm on Sep 4, 2002 (gmt 0)

Subject says it (I'm testing in Netscape 4.51). Is it possible to eliminate the border around an image link using CSS only?

<a href="somelink.html"><img src="someimage.gif"></a>

img {border: none;}

and a million other permutations that I've tried, always leave the border around the image and it's always blue (so I can't hide it by coloring it like the background).

Any pure CSS solutions.

Thanks

Tom

 

Nick_W

WebmasterWorld Senior Member nick_w us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 301 posted 6:11 pm on Sep 4, 2002 (gmt 0)

FWIT: I've never managed it either :(

Nick

tedster

WebmasterWorld Senior Member tedster us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 301 posted 6:44 pm on Sep 4, 2002 (gmt 0)

On another thread [webmasterworld.com] bobriggs came up with the answer. Netscape 4 gets the anchor tangled in with the image. So the solution is to add in a style for a:link --

a:link {
border:none;
}

That does the trick for linked images in NN4.

ergophobe

WebmasterWorld Administrator ergophobe us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 301 posted 9:43 pm on Sep 4, 2002 (gmt 0)


a:link {
border:none;
}

Tried that and tried it with properties
border
border-width
border-color (to match background)
border-style

And I applied them to the tags

a
a:link
img

And I also checked to see whether I could set it with Javascript Styles using

tags.a.border = 'none'
tags.img.border = 'none'
tags.*.borderWidth = '0px'
tags.*.borderStyle = 'none'

Nothing works in NS4.5. I know support is a bit better in NS4.7, so it may work there. I sort of use 4.5 as the acid test for backward compatibility, but I think this is just beyond what it can handle without <img src="file.gif" border="0">

Cheers,

Tom

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved