Okay…
I know exactly nothing about css. Got this from someone as a suggestion to make a mouse over effect for images, first I used java-script without any success. Can’t get hold of that person now though.
I think that java was incompatible with other scripts I use.
Anyway… when I use this text (below) I get one image with the wanted effect. But, the same image appears at various illogical places and messes up my page.
All this is placed exactly like this inside the body-part:
<–snip–>
(STYLE TYPE=“text/css”)
a.roll:link { color: green;
background-image:url(“gfx/album/ph-am-1-neg.gif”);
width:57px;
height:35px; }
a.roll:active { color: green;
background-image:url(“gfx/album/ph-am-1-neg.gif”);
width:57px;
height:35px; }
a:roll:visited { color: green;
background-image:url(“gfx/album/ph-am-1-neg.gif”);
width:57px;
height:35px; }
a.roll:hover { color: orange;
background-image:url(“gfx/album/ph-am-1-pos.gif”);
width:57px;
height:35px; }
(/STYLE)
<a href=“gfx/album/ph-am-1.html” class=“roll”></a>
<–snip–>
Questions that pop up is; where am I supposed to place that style-sheet? How do I use this on several different images? There’s problably more to it.
I’m kind of stuck here. So a solution to this is GREATLY appreciated!
Regards,
<edit>
I know the “style-tags” are wrong, I made them like that to be sure they’d show in my post.