CSS Befehle abgrenzen?

vom 26.10.2007, 13:10 Uhr

Hi

ich habe folgendes Problem:
Ich habe ein Stylesheet angelegt, welches soweit einwandfrei ist.
Aber:
Die Navigationsleiste soll eine andere Konfiguration in Sachen Links erhalten als solche im body.
So sieht es bisher aus:
a:link {
color:#ccff00;
text-decoration:none;
}

a:visited {
color:#ccff00;
text-decoration:none;
}

a:active {
color:#ccff00;
text-decoration:none;
background-color:#ffffff;
}

a:hover {
color:#ffffff;
text-decoration:none;
background-color:#ccff00;
}

Wie kann ich nun die Navigation davon abgrenzen bzw gesonderte Einstellungen nur für die ID (in meinem Fall) #div_navigation { background-image:url(images/Navigationtextur.gif); padding:8px; border:solid 1px; color:#000000; } angeben?
Vielen Dank!

Benutzeravatar

» S-lord » Beiträge: 376 » Talkpoints: 19,47 » Auszeichnung für 100 Beiträge



Vielleicht passt das Ganze ja besser in den CSS-Hilfethread? Siehe http://www.talkteria.de/forum/topic-8434.html. :wink:

Gruß,
yakumo

Benutzeravatar

» yakumo56 » Beiträge: 431 » Talkpoints: -0,22 » Auszeichnung für 100 Beiträge


Kanns Du uns einen Link zum besseren Verständnis posten?

Im allgemeinen könnte es so gehen:

#navigation a:hover {
hier die CSS-Anweisungen
}

So wird das HTML-Element abhängig von der vorgesetzten ID oder Klasse gestaltet und nur dort angewandt, wo Du die ID/ Class im HTML setzt.
Im obigen Beispiel wird eine Linkauszeichnung speziell für die ID "navigation" festgelegt. Diese Methode ist mit jeder CSS-Anweisung möglich, d.h. Du gibts zunächst die ID oder Class an und danach das HTML-Element sowie eigene Klassen, etc.

Benutzeravatar

» .:d2k » Beiträge: 575 » Talkpoints: 0,01 » Auszeichnung für 500 Beiträge



Ähnliche Themen

Weitere interessante Themen

^