Wie 2 verschiedene Link-Farben erstellen??

[Kaba]

Hallo,

habe das ein "Anfängerproblem" .... ich habe 2 Menüs auf einer Seite,
in Golive CS.

Jedes Menü ist eine Komponente.

Ich schaffe es nicht, dass die Schriften unterschiedliche Farben haben,
obwohl jede Komponente eine eigene externe CSS-Datei hat.

Es ist wie verhext. Wie kann man das lösen??

Es geht weder über a: noch über eine .class

Die Seiteneinstellungen der Komponenten kann man auch nicht ver-
wenden, da ist das gleiche Problem. Die .html - Seite erkennt jeweils
nur die Werte einer (1) Komponente.

Bin dankbar für Hinweise!
Kaba


Ergänzung: Das einzige, was die Menüpunkte "können" müssen, ist
dass sie bei Mousover "Fett" werden. Farbe bleibt immer gleich...

[UweB]

Hallo Kaba,
getrennte CSS Dateien für jede Komponente sind unnötig, da CSS Dateien immer für die ganze Seite gelten, in der die Komponente eingebaut ist. Wenn jede Komponente eine eigene Datei mitbringt, ist es eher Zufall welche Anweisungen von welcher überschrieben werden.
Aber eigentlich ist dein Problem recht einfach zu lösen.
Umgebe jede Komponente mit einem DIV-Element mit eigener Klasse.
Also z.B.
<div id="komponente01">
...
</div>
und
<div id="komponente02">
...
</div>


In deiner CSS Datei sollte nun stehen:
#komponente01 a:link {...}
#komponente01 a:hover {...}
#komponente02 a:link {...}
#komponente02 a:hover {...}

Alternativ kannst du die Links in der ersten Komponente z.b. mit der Klasse "komp01" und in der zweiten mit "komp02" versehen.
Dann sieht die CSS Datei so aus:
a.komp01:link {...}
a.komp01:hover {...}
a.komp02:link {...}
a.komp02:hover {...}

Gruß
Uwe

[Kaba]

So, bin zurück vom Tennis ...


Uwe, du bist klasse. Herzlichen Dank!! Ich habe es noch nicht
versucht, aber so übersichtlich und klar beschrieben – das krieg
ich hin.

Auf den ersten Blick gefällt mir vor allem Variante 2.

Und jetzt ans Werk...

Danke nochmal!
Kaba

[UweB]

Die erste Variante dürfte aber weniger Arbeit machen...

[Kaba]

O.K. – Das wäre in Golive in der CSS-Palette ein Häkchen bei "Block-Stil"

Wenn das alles ist... dann ist es wirklich einfach.

Nee... dann heißt es <div class>, jetzt muss ich erstmal schauen wie ich
die ID in Golive erstelle. Das ist das # Symbol im Fenster der CSS...

Oje. Wie muss ich das in der CSS-Datei machen?

Ich habe eine ID erstellt (#Links) , aber die erscheint gar nicht in der CSS
Palette, um diese auf der Komponenten-Seite auszuwählen.

[UweB]

Mit Palletten und Block-Stil hat das eigentlich nichts zu tun.
Eher mit ein wenig Handarbeit am Quellcode.

[Kaba]

Umgebe jede Komponente mit einem DIV-Element mit eigener Klasse.
Also z.B.
<div id="komponente01">
...
</div>
und
<div id="komponente02">
...
</div>


In deiner CSS Datei sollte nun stehen:
#komponente01 a:link {...}
#komponente01 a:hover {...}
#komponente02 a:link {...}
#komponente02 a:hover {...}

Hmm.. die CSS Datei ändert sich doch nicht automatisch..? Also füge ich
#komponente01 von Hand hinzu? Ich versuche es mal...


Ja! Genau das war es. Ein wenig Handarbeit. Ich dachte, sowas könnte man
in Golive auch irgendwie ohne Quellcode-Bearbeitung.


Also, vielen Dank! Da hätte ich mich in der Hilfe dumm und dabblig gesucht.

Viele Grüße,
Kaba

[Susanne Wagner]

Hallo,
habe ein ähnliches Problem und komme nicht weiter. Mit Hilfe von Komponenten habe ich eine Navigationsleiste erstellt, die nur aus Text besteht. Dieser sollte sich beim anklicken farbig verändern aber anders als die übrigen Links auf der Seite.
In CSS habe ich IDs definiert :#komponente a:link ; #komponente a:hover.
Wie gehe ich weiter vor? In welchem Quellcode muss ich was ändern?

[UweB]

Hallo Susanne,
du musst im Quellcode der Komponente noch ein entsprechendes DIV-Element mit der ID eintragen. In dieses Element kommt der ganze Inhalt deiner Komponente.
Ich würde anstelle von #komponente aber #komponente01 oder irgend einen anderen Begriff benutzen. Es sei denn du bis sicher, dass in deinem Projekt nur diese eine Komponente vorkommen wird.

Gruß
Uwe

[Susanne Wagner]

Hallo Uwe,
vielen Dank , es hat wunderbar funktioniert.