BlackBoard » Design, Programmierung & Entwicklung » Webdesign » CSS Links » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen CSS Links
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Qeeed
Neuling

Dabei seit: 26.06.2006
Beiträge: 19
CSS Links       Zum Anfang der Seite springen
Hi,

Habe eine .css Datei in der steht, dass sämtliche Links einer Seite folgende Formatierung haben sollen:

php: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:

a:link { /* Standart Link */
    color: #7B4505;
}

a:visited { /* Bereits besucht */
    color: #7B4505;
}

a:hover { /* Rollover */
    color: #330000;
}

a:active { /* oncklick */
    color: #330000;
}


Nun habe ich einen Teil in der Seite, auf dem ich die Links in einer anderen Formatieren haben möchte. Wie kann ich das bewerkstelligen?

mfg & thx

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Qeeed: 18.08.2006 15:14.
18.08.2006 15:13 Qeeed ist offline Beiträge von Qeeed suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx
      Zum Anfang der Seite springen
Mit Klassen und Selektoren. Wenn du beispielsweise innerhalb deiner Seite einen DIV-Container hast, in dem Links anders aussehen sollen, dann gib dem eine Klasse:

code: 
1:

<div class="anderelinks"> [...] </div>


In CSS kannst du dann alle Links extra ansprechen, die sich innerhalb eines Elementes jener Klasse befinden:

code: 
1:
2:
3:
4:

.anderelinks a:link {
  ...
}


__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett
18.08.2006 15:31 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
Qeeed
Neuling

Dabei seit: 26.06.2006
Beiträge: 19

Themenstarter Thema begonnen von Qeeed
      Zum Anfang der Seite springen
Ok Super thx LX...

Und wenn ich nun hover,aktive und visited effekte zu dem .anderelinks hinzufügen will? Also dass sich z.B. beim drüberfahren über den Link mit class .andererlink die textfarbe ändert. Hab verschiedenes Probiert hat aber nicht geklappt.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Qeeed: 18.08.2006 15:41.
18.08.2006 15:40 Qeeed ist offline Beiträge von Qeeed suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx
Achtung       Zum Anfang der Seite springen
Die anderen CSS-Einstellungen machst du genauso

code: 
1:
2:
3:
4:
5:
6:
7:

.anderelinks a:hover {
...
}

.anderelinks a:focus {
...
}
etc.

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett
18.08.2006 16:25 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
BlackBoard » Design, Programmierung & Entwicklung » Webdesign » CSS Links

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH