«

Hi there,

I know how to make hyperlinks different with all kinds of text decorations.
But is there also a way to change the color of your text (plain body text,
NO hyperlinks)?

So when your mouse hovers over a textfield (tabel), the font color will
change?

Thanks for any advice or help,

Eric

some dude somewhere wrote:

> But is there also a way to change the color of your text (plain body text,
> NO hyperlinks)?

The neat way to do this is to use CSS. In your style sheet, put say:

..magic:hover {
background-color: #004;
color: #FFC;
}

and then in your HTML:

<p>Here is a paragraph with some <span class="magic">magic text</span>.</p>

However, this doesn't work in Internet Explorer (only in Netscape>6 and
Opera>7). If you want IE support, do the same as above but then add some
JavaScript events:

<p>Here is a paragraph with some <span class="magic"
onmouseover="this.style.color='#ffc';this.style.ba ckgroundColor='#004';"
onmouseout="this.style.color='#000';this.style.bac kgroundColor='#fff';"
>magic text</span>.</p>

This should work in Internet Explorer 4+ and Opera 5+ assuming JavaScript
enabled, and as a bonus will work in Netscape 6+ and Opera 7+ even if
JavaScript is disabled!

--
Toby A Inkster BSc (Hons) ARCS
Contact Me - http://www.goddamn.co.uk/tobyink/?id=132

YIHAAAA, Toby is tha MAN!!!!!

Thanks!

Eric



"Toby A Inkster" <> schreef in bericht
news. ..
> some dude somewhere wrote:
>
> > But is there also a way to change the color of your text (plain body
text,
> > NO hyperlinks)?
>
> The neat way to do this is to use CSS. In your style sheet, put say:
>
> .magic:hover {
> background-color: #004;
> color: #FFC;
> }
>
> and then in your HTML:
>
> <p>Here is a paragraph with some <span class="magic">magic
text</span>.</p>
>
> However, this doesn't work in Internet Explorer (only in Netscape>6 and
> Opera>7). If you want IE support, do the same as above but then add some
> JavaScript events:
>
> <p>Here is a paragraph with some <span class="magic"
> onmouseover="this.style.color='#ffc';this.style.ba ckgroundColor='#004';"
> onmouseout="this.style.color='#000';this.style.bac kgroundColor='#fff';"
> >magic text</span>.</p>
>
> This should work in Internet Explorer 4+ and Opera 5+ assuming JavaScript
> enabled, and as a bonus will work in Netscape 6+ and Opera 7+ even if
> JavaScript is disabled!
>
> --
> Toby A Inkster BSc (Hons) ARCS
> Contact Me - http://www.goddamn.co.uk/tobyink/?id=132
>