A little html/java help please

1

Hi -

Anyone know how to achieve the effect this page:here uses for its links. Initially, I thought it was a rollover, but the text is selectable. I’ve viewed the source for the page but can’t seem to find it.

I really apreciate your help. - I’d also love if there was any way to do it in dreamweaver since I’m not that web savy:smirk:

Thanks,
/sm

2

It’s done by using the command below within a cascading style sheet (css).

A:hover {COLOR: #ffffff; BACKGROUND-COLOR: #fe2a04}

3

Thanks - I’m kinda with you, but I’m not seeing the “roll over effect”.

Let’s say for example I’d like to link the word “here” in black text (with a white hover/roll over state) to a webpage called there.html. Now; I’ve found the “hover” command in the css under the radio button ‘use css selector’, but I’m not sure I’m appling it correctly?

Do I need to make a Custom Style Class first and then add the A:hover to that? This is what I’ve tried, but it doesn’t appear to work in my browser.:q:

Do you think you could walk me through it like the beginner I am - I would truly appreciate it.

Thanks
/sm

4

The example below will make a [COLOR=red]RED[/COLOR] link change to WHITE with a [COLOR=blue]BLUE[/COLOR] background on rollover. Modify the color codes as need.

Within the HEAD of your HTML page:

<style type="text/css">
A:link {COLOR: #FF0000}
A:hover {COLOR: #000000; BACKGROUND-COLOR: #0000FF}
</style>

Yup, just that simple. :slight_smile:

5

that worked liked a charm, many, many thanks!:slight_smile:

6

another good way to expand this css thing is:



 <!----put this in your td or href tag------->
onMouseOver="this.className='yourcss';"

onMouseOut="this.className='yourOthercss';"

this will swap classes pretty cool for expanding the above css snippet