BlackBoard (http://www.black-board.net/index.php)
- Design, Programmierung & Entwicklung (http://www.black-board.net/board.php?boardid=55)
-- Webdesign (http://www.black-board.net/board.php?boardid=19)
--- CSS Links (http://www.black-board.net/thread.php?threadid=22418)

Geschrieben von Qeeed am 18.08.2006 um 15:13:

  CSS Links

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


Geschrieben von LX am 18.08.2006 um 15:31:

 

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 {
  ...
}


Geschrieben von Qeeed am 18.08.2006 um 15:40:

 

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.


Geschrieben von LX am 18.08.2006 um 16:25:

Achtung

Die anderen CSS-Einstellungen machst du genauso

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

.anderelinks a:hover {
...
}

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


Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH