Hallo,

hab mich schon etwas umgesehen was Tabs/Reiter angeht und folgendes gemacht:

PHP-Code:

<ul class="tabs">
<li class="active"><a href="#">Seite1</a>
</li>
<li><a href="#">Seite2</a></li>
<li><a href="#">Seite3</a></li>
</ul> 


Nun soll noch jeweils bei den Tabs Inhalt rein, nur wie, sprich ein Div das angezeigt wird, wenn der jeweilige "Button" gedrückt wird. Jemand einen Tipp?

Hi,

vielleicht helfen dir hier Stu Nicholls' Beispiele weiter:

• http://www.cssplay.co.uk/menus/mini_tabbed_pages.html
• http://www.cssplay.co.uk/menus/mini-pages-v2.html

Wenn's aber per Klick auf die Links ablaufen soll, bist du mit seiner JS-Lösung besser bedient, was die Browserkompatibilität betrifft, denn viele Browser würden den geöffneten Tab umgehend schliessen, sobald die gedrückte Maustaste losgelassen wird:

• http://www.stunicholls.com/menu/mini-tabbed-pages.html

mfg Maik

Hab in meinen Bookmarks noch ein weiteres Beispiel ausgegraben, dass ebenfalls auf JS basiert, wenn es dir um das Öffnen der Tabs per Mausklick geht:

• Tabtastic

mfg Maik

Hallo Maik,

der letzte Link ist schon das richtige. Versuch das mal und melde mich Danke.

Das ist auch super, dank Dir

Zwei weitere interessante Links sind mir soeben über den Weg gelaufen, falls du dich nach weiteren Alternativen umschauen möchtest

• 50+ Nice Clean CSS Tab-Based Navigation Scripts
• 26 Best ways to implement AJAX, CSS and Javascript based Tabs

Ich muß mal in meinen Bookmarks für (neue) Ordnung sorgen, und sie irgendwie re-struktruieren - ich wette, dass sich da noch weitere Links zu dem Thema tümmeln

mfg Maik

WOW,

da sind echt ein paar schicke dabei. OK, alles von vorn weil die besser aussehen THX

Na dann mal viel Spaß beim Stöbern

Du weißt ja, wer die Wahl hat, hat die Qual

mfg Maik

Ich denke, dass dein Thema damit im Javascript-Forum besser aufgehoben ist, und bring es dort mal für's Erste unter

mfg Maik