Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2002
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    html help needed, css complications urgent

    html help needed, css complications urgent
    Hey people im designing a new webpage im pretty good with html and javascript but im kinda ran out of ideas for this one...the idea is to have a form with cells that change color with mouseover events ...so i solved that right but i also want to have the text change also with the mouseover..... but i cant seem to get that to work

    i thought it would be something like this
    onMouseOver="this.bgColor='white', this.style.color = 'maroon'" onMouseOut="this.bgColor='#C0C0C0',this.style.color = 'maroon'"


    any ideas... people.. i hope this post makes sense




    <table border="1" bordercolor="#FFFFFF" cellpadding="3" cellspacing="0" style="border-collapse: collapse" width="155" height="580">
    <tr>
    <td align="left" bgcolor="#808080" bordercolor="#000000" width="145" height="16">
    <a href="http://www.draac.com/" style="text-decoration: none"><b>
    <font face="Verdana" color="#FFFFFF" style="font-size: 8.5pt">Our company</font></b></a></td></tr>
    <tr>
    <TD bgColor=#c0c0c0 height="1" bordercolor="#C0C0C0">
    <font face="Verdana" size="1">
    <IMG height=1 alt="" src="spacer.gif" width=164 border=0></font></TD>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" width="145" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://gifs123.tripod.com/" style="text-decoration: none"><b><font face="Verdana" size="1" color="#FFFFFF">Objectives</font></b><font size="1" color="#ffffff" face="Verdana"><b>
    </b></font></a>
    </td></tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" width="145" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://www.draac.com/tabletricks.html" style="text-decoration: none"><font size="1" color="#ffffff" face="Verdana"><b>Table Tricks
    </b></font></a>
    </td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" width="145" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://www.draac.com/tabletalk.html" style="text-decoration: none"><b><font face="Verdana" size="1" color="#FFFFFF">Goals</font></b><font size="1" color="#ffffff" face="Verdana"><b>
    </b></font></a>
    </td></tr>
    <tr>
    <TD bgColor=#c0c0c0 height="1" bordercolor="#C0C0C0">
    <font face="Verdana" size="1">
    <IMG height=1 alt=""
    src="spacer.gif"
    width=164 border=0></font></TD>
    </tr>
    <tr>
    <td align="left" bgcolor="#808080" bordercolor="#000000" width="145" height="16">
    <a href="http://www.draac.com/" style="text-decoration: none"><b>
    <font face="Verdana" color="#FFFFFF" style="font-size: 8.5pt">Goals</font></b></a></td>
    </tr>
    <tr>
    <TD bgColor=#c0c0c0 height="1" bordercolor="#C0C0C0">
    <font face="Verdana" size="1">
    <IMG height=1 alt=""
    src="spacer.gif"
    width=164 border=0></font></TD>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" width="145" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://gifs123.tripod.com/" style="text-decoration: none"><b><font face="Verdana" size="1" color="#FFFFFF">Mission</font></b></a></td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" width="145" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://www.draac.com/tabletricks.html" style="text-decoration: none"><b><font face="Verdana" size="1" color="#FFFFFF">Current
    Projects</font></b></a></td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" width="145" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://www.draac.com/tabletalk.html" style="text-decoration: none"><b><font face="Verdana" size="1" color="#FFFFFF">Goals</font></b><font size="1" color="#ffffff" face="Verdana"><b>
    </b></font></a>
    </td>
    </tr>
    <tr>
    <TD bgColor=#c0c0c0 height="1" bordercolor="#C0C0C0">
    <font face="Verdana" size="1">
    <IMG height=1 alt=""
    src="spacer.gif"
    width=164 border=0></font></TD>
    </tr>
    <tr>
    <td align="left" bgcolor="#808080" bordercolor="#000000" width="145" height="16">
    <a href="http://www.draac.com/" style="text-decoration: none"><b>
    <font face="Verdana" color="#FFFFFF" style="font-size: 8.5pt">Our company</font></b></a></td>
    </tr>
    <tr>
    <TD bgColor=#c0c0c0 height="1" bordercolor="#C0C0C0">
    <font face="Verdana" size="1">
    <IMG height=1 alt=""
    src="spacer.gif"
    width=164 border=0></font></TD>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" width="145" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://www.draac.com/tabletricks.html" style="text-decoration: none"><font size="1" color="#ffffff" face="Verdana"><b>Table Tricks
    </b></font></a>
    </td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://gifs123.tripod.com/" style="text-decoration: none"><b><font face="Verdana" size="1" color="#FFFFFF">Objectives</font></b><font size="1" color="#ffffff" face="Verdana"><b>
    </b></font></a>
    </td>
    </tr>
    <tr>
    <td align="left"bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://www.draac.com/tabletalk.html" style="text-decoration: none"><b><font face="Verdana" size="1" color="#FFFFFF">Goals</font></b><font size="1" color="#ffffff" face="Verdana"><b>
    </b></font></a>
    </td>
    </tr>
    <tr>
    <TD bgColor=#c0c0c0 height="1" bordercolor="#C0C0C0">
    <font face="Verdana" size="1">
    <IMG height=1 alt=""
    src="spacer.gif"
    width=164 border=0></font></TD>
    </tr>
    <tr>
    <td align="left" bgcolor="#808080" bordercolor="#000000" width="145" height="16">
    <a href="http://www.draac.com/" style="text-decoration: none"><b>
    <font face="Verdana" color="#FFFFFF" style="font-size: 8.5pt">Our company</font></b></a></td>
    </tr>
    <tr>
    <TD bgColor=#c0c0c0 height="1" bordercolor="#C0C0C0">
    <font face="Verdana" size="1">
    <IMG height=1 alt=""
    src="spacer.gif"
    width=164 border=0></font></TD>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana" color="#FFFFFF">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://www.draac.com/tabletalk.html" style="text-decoration: none"><b><font color="#FFFFFF" face="Verdana" size="1">Goals</font></b><font size="1" face="Verdana"><b><font color="#FFFFFF">
    </font>
    </b></font></a>
    </td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana" color="#FFFFFF">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://www.draac.com/tabletalk.html" style="text-decoration: none"><b><font color="#FFFFFF" face="Verdana" size="1">Goals</font></b><font size="1" face="Verdana"><b><font color="#FFFFFF">
    </font>
    </b></font></a>
    </td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor='#C0C0C0'" height="17" bordercolor="#C0C0C0">
    <font size="1" face="Verdana" color="#FFFFFF">
    <img alt hspace="5" src="arrow_right.gif" vspace="3" border="0" width="4" height="8"></font><a href="http://www.draac.com/tabletalk.html" style="text-decoration: none"><b><font color="#FFFFFF" face="Verdana" size="1">Goals</font></b><font size="1" face="Verdana"><b><font color="#FFFFFF">
    </font>
    </b></font></a>
    </td>
    </tr>
    <tr>
    <TD bgColor=#c0c0c0 height="1" bordercolor="#C0C0C0">
    <font face="Verdana" size="2">
    <IMG height=1 alt=""
    src="spacer.gif"
    width=164 border=0></font></TD>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" height="18" bordercolor="#C0C0C0">
    </td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" height="17" bordercolor="#C0C0C0">
    </td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" height="17" bordercolor="#C0C0C0">
    </td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" height="17" bordercolor="#C0C0C0">
    </td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" height="17" bordercolor="#C0C0C0">
    </td>
    </tr>
    <tr>
    <td align="left" bgcolor="#C0C0C0" height="17" bordercolor="#C0C0C0">
    </td>
    </tr>
    </table>

  • #2
    Senior Coder joh6nn's Avatar
    Join Date
    Jun 2002
    Location
    72 W. 48' 57" , 41 N. 32' 04"
    Posts
    1,887
    Thanks
    0
    Thanked 1 Time in 1 Post
    <script>
    function changeColor(that, fColor, bColor) {
    that.style.color = fColor;
    that.style.backgroundColor = bColor;
    }
    </script>

    <td align="left" bgcolor="#C0C0C0" onMouseOver="changeColor(this,'maroon','white');" onMouseOut="changeColor(this,'maroon','#C0C0C0');" width="145" height="17" bordercolor="#C0C0C0">

    hope that helps.

    if you don't understand it, say so, and i'll explain it for you.
    bluemood | devedge | devmo | MS Dev Library | WebMonkey | the Guide

    i am a loser geek, crazy with an evil streak,
    yes i do believe there is a violent thing inside of me.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •