Christoph: Reines CSS-Menue

Hallo,

gibt es eine Moeglichkeit ganz ohne JavaScript und nur mit CSS ein aufklappbares Menue zu gestalten?

MfG, Christoph

  1. Hi,

    gibt es eine Moeglichkeit ganz ohne JavaScript und nur mit CSS ein aufklappbares Menue zu gestalten?

    ja. Der IE versagt dabei allerdings.

    Cheatah

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
  2. Hi Christoph,

    gibt es eine Moeglichkeit ganz ohne JavaScript und nur mit CSS ein aufklappbares Menue zu gestalten?

    Klar geht das. Hier siehst du ganz viele Beispiele mit Quellcode dazu: http://css.maxdesign.com.au/, insbesondere http://css.maxdesign.com.au/listamatic2/vertical11.htm dürfte dich vielleicht interessieren.

    MfG, Dennis.

    --
    Mein SelfCode: ie:{ fl:{ br:^ va:) ls:< fo:) rl:( n4:& ss:) de:> js:( ch:{ sh:( mo:} zu:|
    Zufällige Hinweise:
    ------------------------
    Meine Homepage: http://www.riehle-web.com
    Tutorial: http://tutorial.riehle-web.com
    1. Hi Dennis,

      gibt es eine Moeglichkeit ganz ohne JavaScript und nur mit CSS ein aufklappbares Menue zu gestalten?
      Klar geht das. http://css.maxdesign.com.au/listamatic2/vertical11.htm dürfte dich vielleicht interessieren.

      Das ist kein Aufklappmenü....

      Viele Grüße
      Mathias Bigge

      1. Hi Mathias,

        http://css.maxdesign.com.au/listamatic2/vertical11.htm dürfte dich vielleicht interessieren.

        Das ist kein Aufklappmenü....

        Was soll es denn bitte sonst sein? Oder nutzt du etwas den IE? Looser ;-)

        Hinweis: Das Menü klappt sich in vielen Browsern außer dem IE wunderbar auf, laut http://css.maxdesign.com.au/listamatic2/browser-support.htm

        MfG, Dennis.

        --
        Mein SelfCode: ie:{ fl:{ br:^ va:) ls:< fo:) rl:( n4:& ss:) de:> js:( ch:{ sh:( mo:} zu:|
        Zufällige Hinweise:
        ------------------------
        Meine Homepage: http://www.riehle-web.com
        Tutorial: http://tutorial.riehle-web.com
        1. Hallo,

          Leider muss das Menue auch im IE funktionieren, da die meisten Besucher der HP den IE benutzen. (Mir persoenlich ist das sch***egal ;-)

          1. Hi,

            Leider muss das Menue auch im IE funktionieren, da die meisten Besucher der HP den IE benutzen. (Mir persoenlich ist das sch***egal ;-)

            Denke positiv: Damit kannst du deine Besucher davon überzeugen, einen alternativen Browser zu verwenden...

            E7

          2. Hi!

            Leider muss das Menue auch im IE funktionieren, da die meisten Besucher der HP den IE benutzen.

            Dann mußt du wohl bis zum IE7 warten! (ja ja, ich bin halt Optimist)

            Gruß

            1. Hallo,

              Dann mußt du wohl bis zum IE7 warten! (ja ja, ich bin halt Optimist)

              Wieso? Den gibt es doch schon: http://dean.edwards.name/IE7/

              Gruß,

              MI ;-)

              --
              Einführung in XHTML, CSS und Webdesign: http://jendryschik.de/wsdev/einfuehrung/
              Disclaimer? Eine Stellungnahme zum Thema : http://jendryschik.de/misc/disclaimer
              Was ist ein guter Standard?   :   http://jendryschik.de/wsdev/trans/designguide/
        2. Hi Dennis,

          Das ist kein Aufklappmenü....
          Was soll es denn bitte sonst sein? Oder nutzt du etwas den IE? Looser ;-)

          Du hast schon Recht, ich hatte es mir im IE angesehen... Im Mozilla funktioniert es.

          Mein Fazit: Zukunftsmusik, zur Zeit nicht einsetzbar. Richtig?

          Viele Grüße
          Mathias Bigge

          1. Hi,

            Im Mozilla funktioniert es.
            Mein Fazit: Zukunftsmusik,

            höh? Es funktioniert, ist aber Zukunftsmusik? Das musst Du mir erklären.

            Cheatah

            --
            X-Will-Answer-Email: No
            X-Please-Search-Archive-First: Absolutely Yes
            1. Hi Cheatah,

              Mein Fazit: Zukunftsmusik,
              höh? Es funktioniert, ist aber Zukunftsmusik? Das musst Du mir erklären.

              Gern, es ist wie mit den ungelegten Eiern, man kann sie schon im Ultraschall bewundern, man kann sie aber noch nicht verkaufen, außer mit Huhn, und ich hänge so an dem Tier.

              PS: Dass ich früher über Land gegangen sein soll und dort den Bauern tote Hühner verkauft haben soll, unter der Angabe sie schliefen nur, ist nichts als üble Nachrede. Frage mein Huhn!

              Stimmt es eigentlich, dass Du ein Webprojekt planst unter dem Titel "Tabellendesign redivivus", oder ist das auch so eine Schauergeschichte?

              Viele Grüße
              Mathias Bigge

          2. Hi Mathias,

            Mein Fazit: Zukunftsmusik, zur Zeit nicht einsetzbar. Richtig?

            Wer oder was hindert dich daran, das jetzt schon einzusetzen?? ;-)

            Man muss immer überlegen, was die Zielgruppe ist, die man mit seiner Homepage ansprechen will.

            Es können z.B. "einfache" Leute sein, die von HTML&Co keine Ahnung haben und von derer Existenz noch nie etwas gehört haben. Solche Leute besitzen i.d.R. den Internet Explorer oder wenn es Geschäftsleute sind, ist vielleicht nur der IE installiert auf dem System. Da halte ich es dann auch durchaus schon mal für erlaubt, spezial Filter und verstärkt Javascript einzusetzen.

            Anders wäre das bei Leuten, die vielleicht sagen wir einmal Computer Profis sind. Diese nutzen vermutlich mehr Alternativ Browser. Hier könnte man auch durchaus schon mal ein CSS Menü machen, dass im IE nicht funktioniert. Auf clientseitige Sachen wie Javascript sollte man allerdings verzichten.

            Am unbefangensten kann man wohl sein, bei einer Seite, die Webdesigner anspricht. Webdesigner haben i.d.R. mindestens drei Browser auf dem System installiert. Ein hoher Aufwand an CSS ist hier sichelich angebracht, um die Seite auf hinter den Kulissen als schön zu prästentieren. Korrekter Quellcode sollte auch der Fall sein. Ein CSS Menü - möglich, Javascript sollte man wohl eher sparsam verwenden.

            Das war jetzt einfach mal nur meine ganz persöhnliche Einschätzung und Meinung. Sicherlich denken da andere anders, aber ich denke eben mal so! *g*

            MfG, Dennis.

            --
            Mein SelfCode: ie:{ fl:{ br:^ va:) ls:< fo:) rl:( n4:& ss:) de:> js:( ch:{ sh:( mo:} zu:|
            Zufällige Hinweise:
            ------------------------
            Probleme mit Formularen?
            http://tutorial.riehle-web.com hilft weiter.
            1. Hi Dennis,

              Das war jetzt einfach mal nur meine ganz persöhnliche Einschätzung und Meinung. Sicherlich denken da andere anders, aber ich denke eben mal so! *g*

              Sorry, die Einschätzung ist eine Bastler-Einstellung. Wer in irgendeinem professionellen Kontext Seiten baut, die im IE nicht funktionieren und zwar prinzipiell nicht, und der das bewusst tut, kann sich einen Job im Kirmesbereich suchen. Da soll aber eh besser verdient werden.....

              Viele Grüße
              Mathias Bigge

              1. Hi Mathias,

                Sorry, die Einschätzung ist eine Bastler-Einstellung.

                Habe ja auch nicht gesagt, dass du genauso denken musst.

                Wer in irgendeinem professionellen Kontext Seiten baut, die im IE nicht funktionieren und zwar prinzipiell nicht, und der das bewusst tut,

                Ich habe nicht gesagt, dass man den IE völlig außer Acht lassen darf/kann, da er immerhin der am weitesten verbreitete Browser ist. Aber man kann schon sich ein paar Effekte leisten (je nach zielgruppe), die nur einzeln funktionieren.
                Die sollten dann jedoch keine sehr wichtigen Sachen wie eine Navigation sein, bzw. sollte diese dann auch noch ohne CSS bzw. Javascript funktionieren.

                ...kann sich einen Job im Kirmesbereich suchen. Da soll aber eh besser verdient werden.....

                *g*

                MfG, Dennis.

                --
                Mein SelfCode: ie:{ fl:{ br:^ va:) ls:< fo:) rl:( n4:& ss:) de:> js:( ch:{ sh:( mo:} zu:|
                Zufällige Hinweise:
                ------------------------
                Sinnvolles Zitieren: Man zitiert nur Teilsaetze des Vorposters
                auf die man sich bezieht! Nicht einfach alles.
        3. Moin,

          http://css.maxdesign.com.au/listamatic2/vertical11.htm dürfte dich vielleicht interessieren.
          Das ist kein Aufklappmenü....
          Was soll es denn bitte sonst sein?

          Das ist ein "Wenn-das-aufklappt-erschrickt-der-User-weil-der-Text-darunter-sich-verschiebt-"Menü und ein "Wenn-ich-von-item-one-zu-item-two-wechsele-ist-die-Maus-nicht-mehr-auf-dem-item-two-weil-das-subitem-menü-zuklappt"-Menü. Kurz: Das ist ein Scheiß-Menü. Und unpraktisch ist es auch. Und weil es im marktbeherrschenden Browser in der aktuellen Modellreihe nicht funktioniert ist das eh allenfalls eine Technikstudie.

          Viele Grüße

          Swen Wacker

          1. Hi Swen,

            Das ist ein "Wenn-das-aufklappt-erschrickt-der-User-weil-der-Text-darunter-sich-verschiebt-"Menü und ein "Wenn-ich-von-item-one-zu-item-two-wechsele-ist-die-Maus-nicht-mehr-auf-dem-item-two-weil-das-subitem-menü-zuklappt"-Menü. Kurz: Das ist ein Scheiß-Menü. Und unpraktisch ist es auch. Und weil es im marktbeherrschenden Browser in der aktuellen Modellreihe nicht funktioniert ist das eh allenfalls eine Technikstudie.

            Ansichtssache, nc.

            MfG, Dennis.

            --
            Mein SelfCode: ie:{ fl:{ br:^ va:) ls:< fo:) rl:( n4:& ss:) de:> js:( ch:{ sh:( mo:} zu:|
            Zufällige Hinweise:
            ------------------------
            Sinnvolles Zitieren: Man zitiert nur Teilsaetze des Vorposters
            auf die man sich bezieht! Nicht einfach alles.
  3. Hallo,

    gibt es eine Moeglichkeit ganz ohne JavaScript und nur mit CSS ein aufklappbares Menue zu gestalten?

    Schau dir mal das erste Beispiel auf
    http://aktuell.de.selfhtml.org/tippstricks/css/infobox/
    an. Statt Text kann man sicher auch ein paar Links reinbasteln.

    Schöne Grüße
    Julian

    --
    "Wer in die Fußstapfen anderer tritt, hinterlässt selbst keinen Eindruck." - Christiane Weinhold
    1. hi,

      Schau dir mal das erste Beispiel auf
      http://aktuell.de.selfhtml.org/tippstricks/css/infobox/
      an. Statt Text kann man sicher auch ein paar Links reinbasteln.

      nein, das kann man nicht - weil die ganze box schon von einem <a> umspannt wird (sonst würde der :hover-effekt ja wieder im IE nicht funktionieren).

      und in einen link weitere links zu verschachteln, willst du hier natürlich nicht ernsthaft vorgeschlagen haben ...

      gruß,
      wahsaga

      --
      [ Hier könnte Ihre Werbung stehen! ]
      1. Hi,

        Schau dir mal das erste Beispiel auf
        http://aktuell.de.selfhtml.org/tippstricks/css/infobox/
        an. Statt Text kann man sicher auch ein paar Links reinbasteln.

        nein, das kann man nicht - weil die ganze box schon von einem <a> umspannt wird (sonst würde der :hover-effekt ja wieder im IE nicht funktionieren).

        OK, wenn IE :hover nur für Links annimmt geht das natürlich nicht...

        Schöne Grüße
        Julian

  4. moin,

    gibt es eine Moeglichkeit ganz ohne JavaScript und nur mit CSS ein aufklappbares Menue zu gestalten?

    der artikel dürfte interessant für dich sein:
    http://www.alistapart.com/articles/horizdropdowns/

    viel spass,
    hurz

  5. gibt es eine Moeglichkeit ganz ohne JavaScript und nur mit CSS ein aufklappbares Menue zu gestalten?

    Jein, im Prinzip ja, aber der IE benötigt mal wieder hilfe mittels JS, da er mit CSS nicht klarkommt.
     sieh Dir mal: http://www.htmldog.com/articles/suckerfish/dropdowns/ an.

    Gruss, Sil