Registerreiter in CSS

Hallo zusammen,

hat jemand eine schöne CSS-Lösung zur Umsetzung einer Registerreiter-Leiste (der Reiter der aktuell angezeigten Registerkarte sollte farblich hervorgehoben sein)?

Wäre toll … freue mich auf Antworten.

LG, piranja

Hallo piranja!

Folgendes ist ganz neckisch: http://www.drweb.de/csspraxis/hoverlinks_2.shtml

CU DannyFox64

Hallo,

schau mal hier:
http://css.maxdesign.com.au/listamatic/

unter „Horizontal lists“ findest Du viele Beispiele.

Hallo Thomas,
vielen Dank, das ist genau was ich suche.

Allerdings hab ich jetzt immernoch ein Problem …

Habe mich für diese Navigation entschieden:
http://css.maxdesign.com.au/listamatic/horizontal05.htm

Wie bekomme ich es hier hin, dass immer der Reiter, der gerade geklickt wurde, „aktiv“ ist, also so aussieht wie hier „Item 1“?

Danke für jede Hilfe!
piranja

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Guten Morgen, Piranja!

Habe mich für diese Navigation entschieden:
http://css.maxdesign.com.au/listamatic/horizontal05.htm

Liest Du eigentlich auch mal, was Du kopierst? – Also dann mal zum Mitlesen:

Hallo!

Liest Du eigentlich auch mal, was Du kopierst? – Also dann
mal zum Mitlesen:

Das ist schon klar.

Für jede Seite musst Du es anpassen. Funktioniert
logischerweise nicht besonders wünschenswert bei Seiten im
Frame-Set. Bei Frames müsstest Du per JavaScript die Attribute
austauschen (ins jeweilige HTML-Dok. schreiben)… siehe
dort…

Ich halte solches (mit Frames/JS) aber für zu aufwändig, vor
allem Usability-mässig für Blödsinn.

Hmpf, das ist aber so in etwa das, was ich bräuchte.

Zur Erklärung Folgendes:
Die Registerreiter sollen eine Navigation darstellen, mit der ich den Inhalt eines iframes auf der selben Seite austausche.

Also bei Klick auf einen Reiter:

  • Inhalt des iframes austauschen und
  • Style der Reiter entsprechend verändern.

Ich weiß aber nicht, wie ich Letzteres anstelle …
Im Stylesheet der Registerreiter wird nur mit ID (statt mit class) gearbeitet. Da blick ich nicht so durch …
Wer kann mir helfen?

LG, piranja

Hallo!

Hmpf, das ist aber so in etwa das, was ich bräuchte.

Zur Erklärung Folgendes:
Die Registerreiter sollen eine Navigation darstellen, mit der
ich den Inhalt eines iframes auf der selben Seite austausche.

Auch noch Iframe! Du weisst aber, dass manche, nicht wenige Leute auch Iframes blocken?! (…weil die zu häufig für Werbung verwendet werden.)

Also bei Klick auf einen Reiter:

  • Inhalt des iframes austauschen und
  • Style der Reiter entsprechend verändern.

Ich weiß aber nicht, wie ich Letzteres anstelle …

(A) Die Menüführung in den iframe integrieren (komplette HTML-Seite in den iframe laden)

(B) Ab ins JavaScript-Brett… (Verweis ‚hierher‘)

Im Stylesheet der Registerreiter wird nur mit ID (statt mit
class) gearbeitet. Da blick ich nicht so durch …

– ID geht vor .class (ID ist dominant, lässt sich sehr gut auf Layer/DIV/SPAN anwenden)
– ID kann per -Link angesteuert werden, .class nicht

Schlag vielleicht mal bei DrWeb nach…

CU DannyFox64

1 „Gefällt mir“

Hallihallo!

Auch noch Iframe! Du weisst aber, dass manche, nicht wenige
Leute auch Iframes blocken?! (…weil die zu häufig für
Werbung verwendet werden.)

Ja, das weiß ich.

(A) Die Menüführung in den iframe integrieren (komplette
HTML-Seite in den iframe laden)

Stimmt, das ist wohl die einfachste Lösung! :wink:

Oki, alles klar, danke!
Schönen Tag noch!
piranja

ID vs. .class
Hai, DannyFox64

– ID geht vor .class (ID ist dominant, lässt sich sehr gut
auf Layer/DIV/SPAN anwenden)
– ID kann per -Link angesteuert werden,
.class nicht

Endlich mal 'ne knackige Zusammenfassung dieses Gewurschtels, zumal ID ja auch das gute, alte name-Attribut ersetzen soll…
Und mir ist jetzt auch klar, warum in der letzten Zeit einige alte Seiten von mir so merkwürdige Zicken bekamen…

Gruß
Sibylle