Return to the Web Authoring Forum
| Post a Follow-Up
CSS Question
| | |
Posted by Dale (montroze@hotmail.com) on Mon, Jan 21, 02 at 14:01
Im re-doing my site from a Framed version to CSS, not sure if thats like jumping from the fire into the toilet or not :)
What Im trying to do is when moused over the text will turn from Blue to Black when the White box appears over it...what am I missing here...
(link rel="stylesheet" type="text/css" href="default.css")
(STYLE)
A:link (color: Black;)
A:visited (color: White;)
A:active (color: Red;)
A:hover (background: White;)
A:hover.green (background: Green;)
(/STYLE)
(SCRIPT LANGUAGE="Java Script")
var event = 0; //for backwards compatibility.
var id = ""; //for backwards compatibility.
function rollBG(event,name,color) (
if (document. layers) ( //test for communicator 4+
if (color==null)
var color = (event. type == "mouseover") ? "Silver" : "White";
document[name]. bgColor = color; //set the background color
)
)
(/SCRIPT)
Im back from Disneyland..lol |
Follow-Up Postings:
RE: CSS Question
| | |
HUH!!?? All you need to do is to change the layout when a mouseover occurs? In that case everything can be done with css....
Please help me: text; some color
link = blue
hoverlinks = black with white background... Is that correct? Niels. |
RE: CSS Question
| | |
| Actually all the css you need is this; (STYLE)
a:link(color:#0000FF)
a:visited(color:#000099)
a:hover(color:#000000; background:#FFFFFF)
(/STYLE) If you want the link to always have a white box around it do this:
(STYLE)
a:link(color:#0000FF; background:#FFFFFF)
a:visited(color:#000099; background:#FFFFFF)
a:hover(color:#000000; background:#FFFFFF)
(/STYLE) Of course this won't work in Netscape versions 4.X and below, but it will work in all IE above 3.0 (and maybe even in 3.0) and Netscape 6. |
RE: CSS Question
| | |
| I found this that killed 2 birds with one stone...the mouseover's and the Text size... (STYLE TYPE="text/css")(!--
A:link ( text-decoration: none; color: #0000ff; font-weight:bold; font-face:arial )
A:visited ( text-decoration: none; color: #990000; background-color: #000000; )
A:active ( text-decoration: none; color: #0000FF )
A:hover ( text-decoration: none; color: #FF0000 ;background-color: #acacac; font-family:arial, verdana, tahoma, ms sans serif;font-size:12; border:solid;border-color:White; border-width : 1px;) -->
(/STYLE) |
|
|
|
|
