Tabellen in der Navbar
Lucius
- html
0 Fabian Transchel0 Dave
Hi,
Ich wuerde gerne per klick auf ein Bild in meiner Navbar
eine Tabelle mit den Links untendrunter anzeigen lassen..
wie geht das ?
hi
Ich wuerde gerne per klick auf ein Bild in meiner Navbar
eine Tabelle mit den Links untendrunter anzeigen lassen..
wie geht das ?
das ist ein wenig kompiziert, und erwartet zunächst vorarbeit.
das konzept ohne tabellen ist bei guter anwendung von CSS recht einfach:
<div id="klickmich" onclick="document.getElementById("links"):style.visibility = 'visible'; ">Hier können Sie klikcne um Links zu bekommen!</div>
<table id="links" style="visibility:hidden; "><tr><td>ein Link</td></tr></table>
Bitte beachte, dass das nur mit Javascript funktioniert, nicht wenn JS deaktiviert ist ;-)
Fabian
Hallo,
also ich würde das mit Javascript machen. Dabei gibst du im head-Beriech folgendes an:
<script type="text/javascript">
<!--
function show(which) {
which.style.visibility = "visible";
}
//-->
</script>
Das Bild musst du so formatieren:
<img src="bild" onClick="show(document.getElementById('HierIdDerTabelle'))">
Und die Tabelle so:
<table id="HierDieId" style="visibility:hidden">
...
</table>
HIH
Dave
Yuhuu - danke, das geht ^^
allerdings noch ne frage: wie krieg ichs hin, dass die tabelle
keinen platz verbraucht und dass sie dann unter dem link is ?
Hallihallo!
Positioniere die Tabelle absolut. Damit gibst Du ihr eine Position ohne Platzhalter. Wenn sie dann eingeblendet wird, erscheint sie über dem Text, der an dieser Stelle eigentlich steht.
Mehr zur absoluten Positionierung steht unter http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position.
Um die Tabelle direkt unter der Navbar erscheinen zu lassen, empfiehlt es sich, diese auch genau zu positionieren, und dann die left- und top- Werte für die Linktabelle genau daran anzupassen.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#postop
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#left
Ich hoffe, damit konnte ich Dir helfen...
Viele liehe Grüße,
Der Dicki