...

View Full Version : html help needed, css complications urgent



generalnewbie
11-09-2002, 08:26 PM
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>

joh6nn
11-10-2002, 01:24 PM
<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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum