Forum Moderators: not2easy
<a href="#" style="background-image: url(../images/community.gif); background-repeat:no-repeat; background-position: 5px 4px; padding: 5px 5px 5px 25px ;" class="topic">
Topic</a>
Now look at that in netscape 4.7 and there the link is not clickable... The background-image is the cause of this problem, anyone know a way around it?
Where do you want to start?
. Netscape 4 doesn't support the background-image property on any other tag apart from <body>.
. Netscape 4 doesn't support the background-repeat property.
. Netscape 4 doesn't support the background-position property.
. Netscape 4 doesn't support the shorthand padding property; you'll need to use padding-left, padding-top etc.
. Applying both class and style to the same element? Don't know if this is valid markup, but it's asking for trouble.
If you're thinking Netscape 4 sucks you'd be right, but it is a seven year old browser that had patchy CSS support in the first place.
I suggest you either reign in your ambition or forget getting your layout working in Netscape 4.
The minimum i need in netscape 4.7 is for the links to work, what it looks like is no concern, but for accesibitly navigation is a must.
Now im trying to put my <a href="#" style="background-image: url(../images/community.gif); background-repeat:no-repeat; background-position: 5px 4px; padding: 5px 5px 5px 25px ;" class="topic">
Topic</a>
in a DIV with the background image in the div, but the image does not appear. I played with the z-index but that doesnt help...
Any suggestions?
I'm afraid that with NN4, you always seem to be stuck between a rock and a hard place. As you probably know too well by now, NN4 has numerous bugs and quirks. Some of those there are workarounds for. Others, well, you just have to pick and choose which bug you can live with.
There have been several discussions about NN4 in this forum, as well as some of the other forums. Some of the "keepers" are gathered in the forum library [webmasterworld.com]. A site search [webmasterworld.com] may provide some valuable information for you.
In this case, you may want to try specifying
border:none
