Lucius: Tabellen in der Navbar

Hi,
Ich wuerde gerne per klick auf ein Bild in meiner Navbar
eine Tabelle mit den Links untendrunter anzeigen lassen..
wie geht das ?

  1. 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

  2. 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

    1. 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 ?

      1. 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