Hallo zusammen,
Ich hätte ein Problem bei meiner Internetpräsenz, welches ich nicht ohne Hilfe bewältigen kann. Zuerst mal etwas über meine Seite: Die Seite ist in einer Tabelle, welche horizontal sowie vertikal zentriert ist. Das heisst bei Veränderungen der Fenstergrösse oder bei einer anderen Auflösung verändert sich die Position dieser Tabelle. Nun möchte ich auf einen meiner Navigationsbuttons einen Text mit a:hover anzeigen lassen. Bis zur jetzigen Stunde bin ich soweit gekommen, dass mit einem Befehl die Position eines Textes per CSS festgelegt werden kann. Jedoch ist, wie oben beschrieben, meine Page nicht starr an einem Ort, was durch die zentrierte Tabelle bedingt wird. Wie kann ich also per a:hover in einer vorgegeben leeren Tabelle einen Text (welcher vielleicht unsichtbar war: invisible?) anzeigen lassen. Vielleicht mit id oder name? Ich wäre für alle Hilfestellungen dankbar.
Code:
<style type="text/css">
#navi {
float: left;
width: 240px;
margin-top: 150px;
}
#navi a .hoverlink {
display: none;
}
#navi a:hover .hoverlink {
position: absolute;
top: 50px;
left: 10px;
display: block;
width: 150px;
padding: 5px;
}
#navi a:hover {
border:0px;
}
</style>
<div id="navi">
[url='#']Link 1<span class="hoverlink">Link Eins</span>[/url]
</div>Mit freundlichen Grüssen
schrepfer