Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 6
Seite [1]
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Thema - 27.03.2008 um 16:36 Uhr
Wie mache ich das, wenn ich mehr als ein Hyperlink stil verwenden will.

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
1. / 2. / ... 
 a:linka:visited {
    
color#c62334;
    
text-decorationnone;
    
font-weightbold;
}
a:activea:hover {
    
text-decorationunderline;
    
color#c62334;
    
font-weightbold;
}


ist mein Standart.
Bestimmten Links z.B. im Footer möchte ich andere Farben und effekte geben. Wie muss ich nun die Klasse im CSS aufbauen, damit das dann auch funktioniert und nicht den Standartstil für Links annimmt?


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"
Inaktiv
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 1 - 27.03.2008 um 16:40 Uhr
kommt drauf an. Wenn du mit divs arbeitest

#div a:link { .... }


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
Nachtmeister
Thread-Ersteller


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 2 - 27.03.2008 um 16:57 Uhr
Jo, das kann man in Divs verschachteln, das ist kein Problem. Dann würde ja theoretisch

.name a:link { .... }

auch funzen, wenn ich nur die Klasse definiere?

Eine Frage nebenbei... kann man mit CSS Vertikal zentrieren ohne "position" zu benutzen? Ich verzichte wenn möglich auf "position" weils nicht so Browserfreundlich ist, sobald man nicht mit maximiertem Fenster surft.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Zuletzt editiert von Nachtmeister am 27.03.2008 um 16:58 Uhr (1x Editiert)
Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 3 - 27.03.2008 um 16:58 Uhr
margin:0 auto;
nutz ich immer für den Container der Page
für den text = text-align:center;


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
Nachtmeister
Thread-Ersteller


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 4 - 27.03.2008 um 17:01 Uhr
Das ist aber Horizontale Zentrierung. Vertikal geht das nicht.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 5 - 27.03.2008 um 18:05 Uhr
vertical-align:middle;
habs jedoch bislang nie genutzt, weil es nich wirklich viel brachte, nur bei tables


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
Nachtmeister
Thread-Ersteller


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 6 - 27.03.2008 um 18:40 Uhr
glaube das ist aber nicht valid... ich hab nun gut 2 stunden gegoogelt und bin zum Schluss gekommen, dass es ohne "position" nicht wirklich funktioniert, auf jedenfall nicht auf die Valide Art. Schuld ist der IE7.

Du kannst zwar mit position:absolute, margin-top, top und height ne valide und allbrowser taugliche Methode schaffen, ist aber dann nicht mehr nutzbar, wenn man das Browserfenster kleiner macht. Tjo... Gemütliches Warten auf CSS3 und obligatorische Einführung von IE8.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Zuletzt editiert von Nachtmeister am 27.03.2008 um 18:40 Uhr (1x Editiert)
Inaktiv
|
Antworten: 6
Seite [1]


Sie müssen sich registrieren, um zu antworten.