CSS Question

DaleJanuary 21, 2002

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

Thank you for reporting this comment. Undo
nbosboom_hotmail_com

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.

    Bookmark   January 21, 2002 at 6:31PM
Thank you for reporting this comment. Undo
webmaster_recordingwebsite_com

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.

    Bookmark   January 23, 2002 at 4:56AM
Thank you for reporting this comment. Undo
montroze_hotmail_com

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)

    Bookmark   January 23, 2002 at 8:11PM
Sign Up to comment
More Discussions
bbcode2html
A post elsewhere got me playing around with the stream...
Richard (chuggerguy)
E-commerce options?
My niece asked for my help in creating a web site for...
jenn
How to post documents from googledoc into Post?
How do I attach a excel, and word documents to a post...
ladyrose65
The Academic Advantage - Wasantha Weerasekera wants a domain like
Hello, I am Wasantha Weerasekera. I have a query regarding...
wasanthaweerasekera
artwork for new bathroom
I recently remodeled my bathroom and am looking for...
xamxam
© 2015 Houzz Inc. Houzz® The new way to design your home™