CSS - tables als button

Code:

.actAsButton {
  border: 2px solid black;
}
.actAsButton:hover {
  border: 2px solid orange;
}

Code:

<table class="actAsButton">
  <tbody>
    <tr>
      <td><a href="target.html">This is my link</a></td>
    </tr>
  </tbody>
</table>

Code:

<script type="text/javascript">
  function onmouseoverTable() {
    this.style.border = '2px solid orange';
  }
  function onmouseoutTable() {
    this.style.border = '2px solid black';
  }
  window.onload = function() {
    if (!document.getElementsByTagName) {
      return;
    }
    var tableButtons = document.getElementsByTagName('table');
    var i;
    for(i = 0; i < tableButtons.length; i++) {
      if (tableButtons[i].className == 'actAsButton') {
        tableButtons[i].onmouseover = onmouseoverTable;
        tableButtons[i].onmouseout = onmouseoutTable;
      }
    }
  }

Zitat von funka

afair funkts nur bei a tags
obs 6.0 schon bei mehr tags versteht weiss ich jetzt spontan nicht

Code:

<ul id="navlist">
 <li><a href="#">Maus</a></li>
 <li><a href="#">Haus</a></li>
 <li><a href="#">Aus</a></li>
</ul>

Code:

#navlist
{
width: 200px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navlist a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navlist a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navlist a:hover
{
background-color: #369;
color: #fff;
}

• List-O-Matic
• List-O-Matic II

Zitat von Mr. Zet

Zitat von JoeDesperado

wird der film wirklich um so vieles besser wenn man das buch gelesen hat?