PDA

View Full Version : CSS rollovers in Netscape 4.7???

Dr. Web
03-20-2001, 06:25 PM
I believe this is possible. in other words, can we make the code below work in Netscape 4.7? It already works in Ie 5.0/ 5.5, and Netscape6.

thanks so much.


<html>
<head>
<title>Untitled</title>
<style type="text/css">
A:link, A:visited { color:#999999; text-decoration:none; font-family: georgia; font-weight: bold; font-size: 12pt; }
A:hover, A:active { color:#e01c02; text-decoration:none; font-family: georgia; font-weight: bold; font-size: 12pt; }
</style>
</head>
<body>
<a href="#">A sample link</a>
</body>
</html>
nuclear vapid
03-26-2001, 03:20 AM
NO. Not ever. NS below 6 does not see the hover element. And yes, it is an absolute p**s.

Plus you really should write the classes seperately, causes the browser less confusion. If it rejects the first class, it may reject the second working class.
Dr. Web
03-26-2001, 12:45 PM
Hmmmnn, I gues what I was asking is that I saw a workaround for N4.7 to make the same thing happen. I was looking for the code for the workaround.

As for the CSS, can you give an example of my confusing classes? I have not had a problem running this simple CSS, and I run it on win98, win98se, winNT, IE5.0, IE5.5, and N6.

Thanks.
nuclear vapid
03-27-2001, 04:09 AM
There isn't a css work around, nor are there ways to soley affect the text for "hover" in NN with css. You can use the onMouseover command with javascript to change background colors behind text (as in many dhtml menus ). Have a look at Microsoft's site in both IE and NN, it will quickly show you the differences between the two browsers.

a { }
a:active { }
a:link { }
a:visited { }
a:hover { }

You can list the classes like variables with a , between them. But you run the risk of the bowser not reading the group of classes if the first listed class doesn't work in that browser.
Dr. Web
03-27-2001, 01:33 PM
There is always a work around. Sometimes its a royal pain in the arse to find. I believe you are right. Substituting onMouseOver's for CSS properties would indeed do the trick for Netscape.

as for listing the CSS separately....I think its easy enough to see if the CSS works or not, and since I haven't found any problems using it this way yet-I'll continue.

Thanks for your responses.
kdjoergensen
04-02-2001, 02:20 PM
Yes there is a workaround.

I saw it done by a site which has since been taken down (converted to flash).

It is easiest to do if you have server side capability (but not required) since it would involve re-writing for Netscape 4.

Here is the concept:

Create two layers and position them at same coordinates. The mouseover in the 'regular' color will swap the visibility of the layers. The mouseout in the 'over' colored layer will swap the visibility of the layers again.
I think I recall that <ilayers> were used to create the framework and inside you had the two layers.
If generated by script (client or server) then not a big issue, but to hardcode all this.. oh boy.

I click myself for not saving the webpage at that time, it worked nicely..

I think nuclear vapid is right that it can not work if you rely solely on the :hover, but if you dont mind the extra work to get a rather simple effect then you can do it.

If the bosses demand 'same features on all browsers or it is out'.. then you may have to.
Dr.Web, if you get it, kindly email me a link to your page, thanks. Kenneth
kdjoergensen
04-02-2001, 04:45 PM
Dr. web try this one: (rename ns4mouse.txt to ns4mouse.html).

Kenneth