Jrfan888
02-17-2003, 05:18 PM
I am using this code:
<TD onmouseover="this.style.background='#aaaaaa'"
style="CURSOR: hand"
onmouseout="this.style.background='#000000'" width=110
bgColor=#000000></A><FONT face="arial " color=#dddddd
size=2><B>
<CENTER>Link</CENTER></B></FONT></TD></A>
And when you mouseover...is there any way the text can change a color too instead of staying the same color?
Thanks!
MaGiCSuN
02-17-2003, 05:53 PM
<style type="text/css">
<!--
A:hover
{ text-decoration: value ; color:#000000;
-->
</style>
add the above code between your <head> and </head> tags.
Change value to something like "underline" or "none" if you want a link not to be underline. The color you fill in will become the color when you hover the link
more info here:
http://www.lissaexplains.com/css.shtml
Love,
mirna
Jrfan888
02-17-2003, 07:51 PM
that didnt work :(
does it make a difference that the mouseovers are in a table?
MaGiCSuN
02-18-2003, 12:40 PM
What i don't understand is that you didn't linked anything at all.
your code is this:
<TD onmouseover="this.style.background='#aaaaaa'"
style="CURSOR: hand"
onmouseout="this.style.background='#000000'" width=110
bgColor=#000000></A><FONT face="arial " color=#dddddd
size=2><B>
<CENTER>Link</CENTER></B></FONT></TD></A>
You have several errors in it. first off all you don't even have a table, you have a CELL from the table coded above. Also the mouseover attribute is for LINKS and LINKED images so not for tables (check http://www.lissaexplains.com for some great basic stuff about CSS )
so the code should be looking likethis:
<table border=0 cellspacing=0 cellpadding=0 width=# height=#>
<tr><td width=110
bgColor=#000000><a href="YOURLINK.html"><font face="arial " color=#dddddd
size=2><B>
<center>LINKNAME HERE</center></b></font></a></td></tr></table>
Change the # to numbers of your choice and the words in CAPITALS into the words of your choice that you need.
then add the following style code between your <head> and </head> tag:
<style type="text/css">
<!--
A:link { text-decoration: none; color:#dddddd; }
A:visited { text-decoration: none; color:#dddddd; }
A:active { text-decoration: none; color:#dddddd; }
A:hover { text-decoration: value ; color:#000000; background-color: #aaaaaa; cursor: hand;}
-->
</style>
i hope this works. As i allready said take a look at www.lissaexplains.com/css.shtml for css codes (what i use above) and http://www.lissaexplains.com/table.shtml for using tables.
Love,
Mirna
Jrfan888
02-18-2003, 10:20 PM
yeah i know about the table...i have a table set up...i just didnt include it in the post, i tried to keep it simple so i dont clutter it up. I also do have a link too...i just didnt include it either...
I'll try what you suggested though...thanks