Page 1 of 1

Register Tabs: tab-menue scrollbar machen?

Posted: Mon 24. Jun 2013, 15:45
by Adi
wie kann ich das tab-menue scrollbar machen?
Ich will Jahre als Reiter in einem horizontalen Balken mit scroll-möglichkeit nach rechts bzw. links darstellen.
Habe bereits mit nu-tabs oder simple-tabs probiert. Wenn die Anzahl der Reiter, die Anzeigebreite überschreitet, wir der nächste Reiter
unterhalb dargestellt.
Ich hätte gerne eine scroll-möglichkeit nach rechts bzw links. geht sowas?
Beispiel:
http://knizia.adeleschlachter.de/index.php?games_en#
hier hätte ich gerne, dass die Jahre 2004, 2003, 2002 erst durch scroll nach rechts sichtbar werden.

hat jemand eine idee dazu?
ADi

Re: Register Tabs: tab-menue scrollbar machen?

Posted: Mon 24. Jun 2013, 18:42
by update
Im Prinzip geht das mit overflow-x:scroll;

Re: Register Tabs: tab-menue scrollbar machen?

Posted: Tue 25. Jun 2013, 11:41
by Adi
Hallo Claus,
danke für deinen Tipp. Habe jetzt nuTabs Variante gewählt. Gewünschtes Scrollen klappt in der Komination mit

Code: Select all

#tabs-nav {
    height: 30px; 
    background-color: #fff;
    white-space: nowrap;
    overflow-x: visible;
    overflow-y: hidden;
...
}
#tabs-nav li {
        /*float: left; */ 
        display: inline-block; 
        ...
    }
So - jetzt bliebe noch die Aufgabe, den Balken zu schönen ;-)

Eine gute Übersicht betreffs overflow-Eigenschaften habe ich bei meiner Suche auch gefunden: http://www.brunildo.org/test/Overflowxy2.html
Vielleicht hilft euch das auch mal.

Danke und nette Grüße!
Adi

Re: Register Tabs: tab-menue scrollbar machen?

Posted: Tue 25. Jun 2013, 15:23
by kukki
Adi wrote:So - jetzt bliebe noch die Aufgabe, den Balken zu schönen ;-) Adi
Wer soll das denn von den Brwosern unterstützen :|

Lass es mal wie es ist, nur für den InternetExplodierer so etwas zu machen ... sind Perlen vor die S.... :mrgreen:

Und bevor Du so etwas machen solltest, schau Dir lieber mal Deinen Scrollbalken in FF an :( Wech issa dann! :mrgreen:

Re: Register Tabs: tab-menue scrollbar machen?

Posted: Tue 25. Jun 2013, 16:43
by update
Welcome! Kaum macht man's richtig, schon geht es! :)

Re: Register Tabs: tab-menue scrollbar machen?

Posted: Thu 27. Jun 2013, 10:05
by Adi
hallo claus und kukki,
habe tool flexcroll (http://www.hesido.com/web.php?page=customscrollbar) in die nuTab variante eingebaut - minimalistische scroller eingesetzt, ... mit IE, FF, Safari getestet.
schaut es euch an, eure meinung dazu?
lg Adi

Re: Register Tabs: tab-menue scrollbar machen?

Posted: Thu 27. Jun 2013, 13:46
by kukki
Solche Menüs neigen schnell zu einen Firedhof! Da wäre eine sinnvolle Aufteilung in eine rechte/ linke Spalte a la "flipflop"-Menü besser geignet und übersichtlicher - MEINE Meinung :mrgreen:
Außerdem sind diese Menübezeichnungen dynamisch, eine Änderung im Backend und schon ist die neue Bezeichnung online. Eine sinnvolle Verschiebung, schon ist alles online :D

Schau mal einfach hier!

Re: Register Tabs: tab-menue scrollbar machen?

Posted: Thu 27. Jun 2013, 14:24
by Adi
welches Menue meinst du denn?