Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature may not be available in some browsers.
<!--
td { *** ; }
td#on { background-color:#A3D8FF; border-left: #80b0d0 15px solid; }
td#off { background-color:white; border-left: #c0c0c0 15px solid; }
table { left:50 }
-->
...
<tr><td onmouseover="this.id='on'" onmouseout="this.id='off'"> Startseite </td></tr>
...
<script type="text/javascript">
<!--
this.over = function(id){
this.backgroundColor = "#A3D8FF";
this.borderLeft = "15px solid #80b0d0";
}
this.out = function(id){
this.backgroundColor = "#ffffff";
this.borderLeft = "15px solid #c0c0c0";
}
!-->
</script>
<tr><td onmouseover="over(this)" onmouseout="out(this)">Startseite</td></tr>
Da noch sehr viele IE 6 haben, rate ich dir an, einen Link (a) zu formatieren mit CSS, bei dem display:block gesetzt ist.
So:
div.klasse {
width:??px;
height:??px;
}
a.klasse {
background-color:#farbcode;
display:block;
width:100%;
height:100%;
}
a.klasse:hover {
background-color:#farbcode;
display:block;
width:100%;
height:100%;
}
<div class="klasse">
<a href="">Text?</a>
</div>
geht :hover in jedem Browser?