Return to the Web Authoring Forum | Post a Follow-Up

 o
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:

 o
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.


 o
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.


 o
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)


 o Post a Follow-Up

Please Note: Only registered members are able to post messages to this forum.

    If you are a member, please log in.

    If you aren't yet a member, join now!


Return to the Web Authoring Forum

Information about Posting

  • You must be logged in to post a message. Once you are logged in, a posting window will appear at the bottom of the messages. If you are not a member, please register for an account.
  • Posting is a two-step process. Once you have composed your message, you will be taken to the preview page. You will then have a chance to review your post, make changes and upload photos.
  • After posting your message, you may need to refresh the forum page in order to see it.
  • Before posting copyrighted material, please read about Copyright and Fair Use.
  • We have a strict no-advertising policy!
  • If you would like to practice posting or uploading photos, please visit our Test forum.
  • If you need assistance, please Contact Us and we will be happy to help.


Learn more about in-text links on this page here