Hallo

Ich möchte mit GoLive CS (Mac) folgende Navigation realisieren:

Für eine Galerie mit 20 Künstlern sollten auf der linken Seite alle Namen schwarz untereinander stehen (20 Links in einem Frame). Beim Drüberfahren mit der Maus sollten die Namen rot aufleuchten (Rollover-Effekt) und damit als Link erkenntlich sein. Bei Mausklick auf einen Namen erscheinen im danebenstehenden Inhalts-Frame Angaben zu dem betreffenden Künstler. Solange nun nicht auf einen anderen Namen im linken Navigations-Frame geklickt wird, sollte der aktuelle Künstlername rot bleiben. Erst wenn auf einen anderen Namen geklickt wird, sollte der bisher rote Namen wieder schwarz werden, dafür der neu angeklickte Künstlername seinerseits rot werden.

Ich hoffe, ich habe mich verständlich ausgedrückt. In meinem Referenzbuch (Adobe GoLive CS verständlich erklärt) habe ich als Lösung bisher nur die Möglichkeit von 2 Frames als Ziel (S. 377) gesehen. Beim Klick auf einen Link (Künstlername) würden dann sowohl der Navigations-Frame wie auch der Inhalts-Frame ausgetauscht. Das bedingt aber, dass ich 20 verschiedene Nav.-Frames machen muss (ein Name jeweils rot, die andern schwarz).

Sicher gibt es eine einfachere Lösung, nur wie?

Vieln Dank und Grüsse

Manù

Hallo Manù,

>> Sicher gibt es eine einfachere Lösung, nur wie?

Erstelle 20 HTML-Seiten (keine Frames!).
In jeder einzelnen Seite färbst Du die Links in Deinen Wunschfarben mit CSS.

A:link { color: black } /* unbesuchter Link */
A:visited { color: black } /* besuchter Link */
A:hover { color: red } /* Farbe bei Rollover */
A:active { color: red } /* aktiver Link (Farbe beim Anklicken des Links) */

http://www.w3.org/...namic-pseudo-classes

---

Wenn Du Frames verwendest (ohne Javascript), brauchst Du 60 verschiedene HTML-Seiten.

20 Navigationsseiten
20 Inhaltsseiten
20 Framesets

Hinzu kämen dann noch die zahlreichen Nachteile von Frames:
http://www.subotnik.net/html/frames.html

Gruß Sabine

Hallo Sabine

Danke für die schnelle Antwort! Gute Idee, dass der besuchte Link wieder schwarz wird. Ich werde es so umsetzen und mich bei Problemen wieder melden.

Einen schönen Abend wünsch ich dir.
Manù

Hallo Sabine

Ich habe nun eine Probeseite mit CSS programmiert. Allerdings bleibt der aktive Link nicht rot. A: active (Farbe: Rot) bedeutet offenbar nur, dass der Link rot wird, wenn er angeklickt wird, nicht aber rot bleibt. Wenn A:hover und A:active die gleiche Farbe haben, kann A:active eigentlich weggelassen werden, denn wenn ich mit der Maus auf einen Link klicke, ist er wegen A:hover ja bereits rot.

Die Lösung für mein Problem: Externes CSS (ohne A:active) und dann auf jeder der 20 HTML-Seiten den jeweils aktuellen Namen mit einem internen CSS-Stil (Klassenstil) rot einfärben.

Mache ich da einen Denkfehler? Welchen Sinn macht in Deinem CSS, dass A:hover und A:active die gleiche Farbe haben?

Über Antworten freut sich wie immer
Manù

Hallo Manù,

A:active färbt den Link nur während des Anklicken.

>> den jeweils aktuellen Namen mit einem internen CSS-Stil (Klassenstil) rot einfärben.

Ja, das ist vollkommen richtig so.
Beispiel:
A.klassenname:link{color:#wunschfarbe}

>> Welchen Sinn macht in Deinem CSS, dass A:hover und A:active die gleiche Farbe haben?

Gar keinen, das ist nur durch kopieren einfügen so entstanden.
Da könnte jede beliebige Farbe stehen.

Gruß Sabine

Okay, dann mache ich es so.

Danke für die Infos und Ciao
Manù