Tab Menü ohne JavaScript?

Guten zusammen

Ich suche den ganzen Tag schon google ab nach einen Tutorial wie ich ein Tab Menü ohne Javascript erstellen kann
Leider bin ich nicht fündig geworden und hoffe nun das ich hier hilfe bekomme wie ich soetwas anstellen kann

So sollte es Später werden (als kleines Muster)

|Tab1|Tab2|Tab3…

Und darunter den Inhalt der angeklickt wurde.
Wie kann ich soetwas umsetzen?

Hey,
ich könnte mir vorstellen, dass dies (zwar nicht schön)mit css und der hover funktion realisierbar wäre. Das heißt, dass durch bewegen der Maus über das Element (in diesem Fall deine Tabs) sich die „form“(css style) des Tabs ändert.
Hier unter anderem ein Link zur hover funktion :wink:
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm

Freshmojojo

Falls du eine tabbed Navigation meinst: Bootstrap liefert so etwas mit:

http://getbootstrap.com/javascript/#tabs

sowas meine ich ja nur mit Bootstrap will ich nicht arbeiten

Ich weiß zwar nicht wonach du gesucht hast bei Google, aber mit dem Begriff „CSS3 Tab Navigation“ finde ich so einiges.

http://t3n.de/news/css3-dynamische-tabs-ohne-365861/

Immer wieder empfehlenswert: http://www.cssplay.co.uk/menus/

Das ist genau das was ich brauchte :smiley:

Habe es mal genommen, jedoch zeigt er mir immer den Letzten tab an
Wie mach ich das nu das er mir den ersten anzeigt?

Hallo Beavis,

nur zur Anregung.
Nicht alles was mit nur CSS geht macht auch immer Sinn.
Für uns die sehen können ist ja vielleicht alles in bester Ordnung, aber für die Sehbehinderten sind CSS-Lösungen nicht die beste Wahl.
Such dir doch lieber eine JQuery Lösung.

ich habe keine Ahnung von jQuery oder Java daher wollte ich es per css machen

Das ist kein valides Argument. Wer selber nichts dazulernen will, hat auch keinen Anspruch auf Hilfe von Anderen, die viel Zeit und Lernaufwand in ihre Arbeit investieren. Ich hatte dir gestern einen Link mit einer Lösung gepostet. Wenn dir das zu kompliziert ist, musst du eben ohne tabbed Navigation auskommen.