[SOLVED] Mouseover Table border

[mkr365]

Hello,

 

On this moment i am using the code below for changing the background table color after a mousover wich is working. But now i want a mousover for changing the table border color. I really cant find how to do that.

Does somebody know how to do that?

 

<table bgcolor="#ffffff" onMouseOver=this.bgColor="#99CCFF" onMouseOut=this.bgColor="#FFFFFF" width="100%" STYLE="border: 1px solid #b7b7b9; border-collapse: separate; border-spacing: 2px"

 

Thanks in advance!

 

Marcel

[MadTechie]

wrong section.. please check the HTML/javascript/css section

[mkr365]

Do i have to post it again in the html section?

[MadTechie]

Na, its been moved:)

 

how about this

<style type="text/css">
<!--

.btnav { background-color: #84C1DF; border: 1px #000000 solid;} 

}
-->
</style>
<table width="200" border="0">
  <tr>
<td class="btnav" onmouseover="style.backgroundColor='#84DFC1';"
onmouseout="style.backgroundColor='#84C1DF'">
Hover
</td>
    <td>Blar</td>
  </tr>
  <tr>
    <td>Blar</td>
    <td>Blar</td>
  </tr>
</table>

[MadTechie]

Opps

ok Border

Same idea but still

 

<style type="text/css">
<!--

.btnav { 
border: 1px #000000 solid;
border-color: #FFFF00;
} 

}
-->
</style>
<table width="200" border="0">
  <tr>
<td class="btnav" onmouseover="style.borderColor='#FF0000';"
onmouseout="style.borderColor='#FFFF00'">
Hover
</td>
    <td>Blar</td>
  </tr>
  <tr>
    <td>Blar</td>
    <td>Blar</td>
  </tr>
</table>

[ToonMariner]

you can use the table:hover but it won't work in older versions of IE.

[mkr365]

Thank you very much and for your effort! Its working, 

[MadTechie]

Can you please click "Topic Solved" at the bottom

[mkr365]

  Quote

Hello,

 

On this moment i am using the code below for changing the background table color after a mousover wich is working. But now i want a mousover for changing the table border color. I really cant find how to do that.

Does somebody know how to do that?

 

<table bgcolor="#ffffff" onMouseOver=this.bgColor="#99CCFF" onMouseOut=this.bgColor="#FFFFFF" width="100%" STYLE="border: 1px solid #b7b7b9; border-collapse: separate; border-spacing: 2px"

 

Thanks in advance!