Hey ihr,
ich wollte auf meiner Homepage eine solche Navi verwenden, wie so oben auf der Seite ist. Wenn man mit der Mausdrücker fährt kann man sie untergeordneten Elemente lesen.
Nur wie bekomme ich es hin, dass dieses Feld mit den untergeordneten Link offen bleibt?
In meiner Navidatei
und in meiner CSSdatei steht folgendes:
Vielen Dank!
ich wollte auf meiner Homepage eine solche Navi verwenden, wie so oben auf der Seite ist. Wenn man mit der Mausdrücker fährt kann man sie untergeordneten Elemente lesen.
Nur wie bekomme ich es hin, dass dieses Feld mit den untergeordneten Link offen bleibt?
In meiner Navidatei
HTML:
<link rel="stylesheet" type="text/css" href="design/css/navi.css">
<table width="100%">
<tr>
<td>
<a class="tooltip" href="#">Gästebuch
<span>
Einträge lesen<p>
Eintragen
</span>
</a>
</td>
</tr>
</table>
Code:
a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
}
a.tooltip:hover {
background: transparent;
z-index: 1000;
}
a.tooltip span {
display: none;
text-decoration: none;
}
a.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 300px;
z-index: 1000;
border: 1px solid #fff;
padding: 7px 15px 7px 15px;
}