# A little html/java help please

**URL:** <https://forum.kirupa.com/t/a-little-html-java-help-please/16972>\
**Category:** Uncategorized\
**Created:** [March 31, 2003, 12:30am UTC](https://forum.kirupa.com/t/a-little-html-java-help-please/16972 "2003-03-31T00:30:41Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 31, 2003, 12:30am UTC](https://forum.kirupa.com/t/a-little-html-java-help-please/16972/1 "2003-03-31T00:30:41Z")

</div>

Hi -

Anyone know how to achieve the effect this page:[here](http://surfstation.lu/) 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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 31, 2003, 12:45am UTC](https://forum.kirupa.com/t/a-little-html-java-help-please/16972/2 "2003-03-31T00:45:25Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 31, 2003, 4:59am UTC](https://forum.kirupa.com/t/a-little-html-java-help-please/16972/3 "2003-03-31T04:59:42Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 31, 2003, 5:23am UTC](https://forum.kirupa.com/t/a-little-html-java-help-please/16972/4 "2003-03-31T05:23:27Z")

</div>

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:

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

```

Yup, just that simple. 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 31, 2003, 6:57am UTC](https://forum.kirupa.com/t/a-little-html-java-help-please/16972/5 "2003-03-31T06:57:08Z")

</div>

that worked liked a charm, many, many thanks!🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [April 3, 2003, 2:26am UTC](https://forum.kirupa.com/t/a-little-html-java-help-please/16972/6 "2003-04-03T02:26:34Z")

</div>

another good way to expand this css thing is:

```php

 <!----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
