extra Linkdefinition für div/table - wie mach ich das?

TSTriton · #1 (**permalink**) 13.03.2005, 12:43

Hallo,

ich habe meine Linkdefinition global für die Seite geschrieben.
Jetzt möchte ich allerdings die Linkdefinition für einzelne DIVs/Tabellen ändern.
Wie mach ich das?

Wenn meine Tabelle bspw .testtabelle heißt, dann habe ich den Link
a:link.testtabelle benannt. Aber die Linkdefinition wird nicht anerkannt.

Was mach ich denn falsch?

vielen Dank

TSTriton

Michel · #2 (**permalink**) 13.03.2005, 12:52

probier mal

Code:

.testtabelle a:link { bla bla bla }

TSTriton · #3 (**permalink**) 13.03.2005, 13:46

Tja, so einfach geht das.
Vielen Dank

TSTriton · #4 (**permalink**) 13.03.2005, 15:17

Jetzt habe ich doch noch eine Frage dazu.
Und zwar möchte ich noch weitere Parameter wie visited, activ etc. dazuschreiben.
Bei mir werden diese allerdings nicht so angezeigt, wie ich es gerne möchte.

Mein Code ist dieser:

Zitat:

.table-google { font-family: Tahoma; font-size: 10px; color: #333333; width: 140px;
border: 3px solid #000066; padding-left: 3px; padding-right:
3px; padding-top: 7px; padding-bottom: 7px; text-align:left; background-color:#F2F2FF }
.table-google a:link, .table-google a:visited {font-family: Tahoma; font-size: 10px; color: #009933}
.table-google a:activ, .table-google a:hover {font-family: Tahoma; font-size: 10px; color: #ff9933}

Der Hover wird gar nicht ausgeführt und der Visited auch nicht.
Habe die Zeilen schon in der Reihenfolge geändert, aber auch das brachte nichts.

Kannst du mir bitte vom Holzweg helfen?

Danke

TSTriton

Michel · #5 (**permalink**) 13.03.2005, 15:40

Öhm, hab letztens auch erst zufällig erfahren, dass man bei den verschieden a-Zuständen eine gewissen Reihenfolge einhalten muss.

Code:

a:link { }
a:visited { }
a:focus { }
a:hover { }
a:active { }

Quelle

^uncool · #6 (**permalink**) 13.03.2005, 15:49

Soweit ich das in Erinnerung habe kommt a:focus zum Schluss, also so:
a:link
a:visited
a:hover
a.active
a:focus

TSTriton · #7 (**permalink**) 13.03.2005, 18:57

Das Tolle ist jetzt, dass ich beide Variationen versucht habe.
Dennoch wird im Mozilla, nachdem ich gelinkt habe, eine andere Linkformation angezeigt. Hover geht dann auch gar nicht mehr.

Das versteh ich nun wirklich nicht.

Michel · #8 (**permalink**) 13.03.2005, 19:27

Poste mal den ganzen Code.

TSTriton · #9 (**permalink**) 13.03.2005, 21:07

Der ganze Code ist ausgedruckt und komprimiert 9 DinA4 Seiten groß.
Ich denke damit würde ich mich nicht wirklich beliebt hier machen - oder

Abe ich kann ja mal Auszüge posten, bei denen ich denke dass es daran liegt.
Anfangs habe ich globale Styles gesetzt

Code:

a:link, a:visited  { text-decoration:underline; font-weight:normal; color:#000088; font-family:Verdana, Arial; font-size:10px; }
a:active, a:hover { color:#ff7111;}

Die Seite besteht aus 4 IDs.
#site
#left
#right
#content

das Problem mit den Links entsteht in der #right ID die aber keine weitere Codierung außer float und background hat.

Der Code für die betreffende DIV ist dann dieser:

Code:

.table-google { font-family: Tahoma; font-size: 10px; color: #333333; width: 140px; border: 3px solid #000066; padding-left: 3px; padding-right: 3px; padding-top: 7px; padding-bottom: 7px; text-align:left; background-color:#F2F2FF }
.table-google a:link, a:visited    {color: #009933}
.table-google a:activ, a:hover     {color: #ff9933}

Vielleicht reicht das ja schon. Ansonsten minimiere ich den Code mal.

Vielen Dank
TSTriton

fricca · #10 (**permalink**) 13.03.2005, 23:32

Zitat:

Zitat von TSTriton

Code:

.table-google a:link, a:visited    {color: #009933}
.table-google a:activ, a:hover     {color: #ff9933}

Ich hab jetzt noch nicht so ganz verstanden, was dein Problem ist, aber wenn du möchtest, dass die Linkformatierung nur für .table-google gilt, dann musst du das IMHO wiederholen:
.table-google a:link, .table-google a:visited {bla}
.table-google a:hover, .table-google a:active {bla}
Pass auch mit der Schreibweise auf (active nicht activ...)

Grüße
fricca

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Header width extra machen	Haawkk	CSS	1	11.09.2015 03:06
Error: Extra content at the end of the document	lhnu	(X)HTML	9	21.06.2013 13:15
Mouse Over Effekt über Link - Extra Bild?	greenberet1	CSS	1	08.03.2009 18:32
Conditional Comments: Muss ich für den IE "alles" extra schreiben?	pee	CSS	1	16.11.2008 01:36
Schriftart "Ariane Extra Bold DB" gesucht	Sascha Müller	Offtopic	2	24.01.2006 13:33