CSS Question

22 years ago

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

Sort by:Oldest

Comments (3)

nbosboom_hotmail_com
22 years ago
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.
webmaster_recordingwebsite_com
22 years ago
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.
Related Discussions
Central Coast C&SS Show Plants
Q
Comments (8)
Yes, Keith (Kitoi)/caudex1 on this forum, is a potter & I believe the president you speak of Regina-for that C&S Society. We have seen many of his wonderful creations...and staged plants here. =) His Sedum furfuraceaum was the latest. Thanks for the Varni link, Regina! Those were fabulous pots too! I know there were several vendors at the San Diego show/sale. I've bought pots from several in the past. I just haven't gotten to using them yet. Hard to decide which plant should go in each pot! (for me, anyway)
...See More
dreamweaver css question
Q
Comments (3)
Your web page is validated in CSS and in HTML. But there are a few warnings, warnings are not errors. In CSS your fonts Lucida Sans Regular, Lucida Grande and geneva are not recognised. In HTML your last 2 images have no 'alt' designation. Alt is where you use a written description of the images so those who have images turned off know what they are missing. Dial ups would turn off images to speed internet surfing and you need to advise those people about the images they do not see. "rhod" and "alice" for images 1 and 2 is woefully inadequate but"Beautiful orange Rhodo in bloom" might encourage me to allow images to see your blooms if I were still on dial up. Is Dreamweaver a WYSIWYG program? (What you see is what you get) or a 'drag and drop' approach? If you are only creating one web site for your own enjoyment you might consider something like the free program 1st Page 2000 or it's newer brother 1st Page 2006 to save seemingly a large sum of money. Your choice of course. Whilst this is not drag and drop it can be very easy to do, you can select one of three levels of expertise so that as you improve you raise to the next level up.
...See More
Another Thunderlbird question re: font sizes
Q
Comments (6)
Go back to the tool bar and choose View on the upper toolbar. When it opens up Choose Text size . A little menu with increase or decease will pop out. By choosing increase and do that a second time you can increase the font size for the session you are reading emails. You would have to do this every time you read email I do that two times to increase the size for eyes too. I think it is about a 120 increase. At least it is on the Sea Monkey browser I use.
...See More
Couple of Firefox questions
Q
Comments (10)
Follow the directions below we can see what is running: Click Here to download HJTInstall.exe Download the Installer on that page Version 2.02 right hand side click Installer.. Save HJTInstall.exe to your desktop. Doubleclick on the HJTInstall.exe icon on your desktop. By default it will install to C:\Program Files\Trend Micro\HijackThis . Click on Install. It will create a HijackThis icon on the desktop. Click on the Do a system scan and save a logfile button. It will scan and the log should open in notepad. Click on "Edit > Select All" then click on "Edit > Copy" and Paste the entire contents of the log (no attachments) into your next post. DO NOT use the AnalyzeThis button, its findings are dangerous if misinterpreted. DO NOT have Hijackthis fix anything yet. Most of what HJT lists will be harmless or even required by your Operating System. Then do this below: Double click the hijackthis Icon on the Desktop, Scroll down to "Open the Misc Tools section" Click it at the bottom under System tools click "Open Uninstall Manager" over to the right click "Save List" Save it to your Desktop so you may find it, copy and paste it in your next reply..
...See More
montroze_hotmail_com
22 years ago
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)

CSS Question

Comments (3)

nbosboom_hotmail_com

webmaster_recordingwebsite_com

Related Discussions

montroze_hotmail_com

COMPANY

BUSINESS SERVICES

GET HELP

CONNECT WITH US