Gegen Bilderklau - Das Original | Druckvorschau: Links in Tabellen

Geschrieben von Marabelle am 06.10.2009 um 13:14:

Links in Tabellen

Tagchen smile

Also, ich habe ein Problem mit den Steckbriefen. Die Tabelle ist zwar gecodet, aber nun weiß ich nicht, wie ich die richtigen Linkeffekte hinbekomme. Von CSS hab ich ein bisschen Ahnung, aber ich weiß nicht, wie und wo man es bei Tabellen einfügen muss ... unglücklich

Geschrieben von Miss Diana am 06.10.2009 um 13:19:

Falscher Thread

Geschrieben von Marabelle am 06.10.2009 um 13:20:

Also, ich würde gerne die Linkeffekte haben, die auch bei der eigentlichen Page in der CSS-Datei sind. Diese hier:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:

BODY {
color: #277498; 
text-align : left; 
background-image: url(bg.jpg); /* Hintergrundbild*/
font-family: Verdana; 
font-size: 10pt;
background-attachment: fixed; 
background-position:0px 0px;  
 }

a:link {
color: #277498;
text-decoration: underline;
}

a:visited {
color: #277498;
text-decoration: underline;
}

a:active {
color: #2477498;
text-decoration: underline;
}

a:hover { 
color: #3292C0;
text-decoration: none;
}

Geschrieben von .Senseless am 06.10.2009 um 14:00:

So weit, wie ich das verstehe, würde ich sagen, dass das mit dem bisherigen CSS-Code eigentlich funktionieren sollte, sofern er eingebunden ist..!?

Geschrieben von Marabelle am 06.10.2009 um 15:46:

Ja, aber es funktioniert nicht, wenn ich es im Headbereich angebe.

Geschrieben von callous. am 06.10.2009 um 16:20:

Hast du das <style> auch dort stehen?

Geschrieben von Marabelle am 06.10.2009 um 16:37:

Hab's jetzt rausgenommen.
Hier ist der Tabellencode:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:

<html>
<head>
<title>Steckbrief</title>
</head>
<body>
<body bgcolor="#C0C0C0">
<table width="500" align="center" style="border: 0px dotted #FFFFFF; font-family: Verdana; font-size: 12px; color: #277498; text-align: center; spacing: 10px; padding: 10px;">
 <tr>
   <td width="100%" colspan="2" height="25" bgcolor="#808080"><b>Allgemeines</b> , <font color="#277498"><em>Ausbildung & Zucht</em></font> , <font color="#277498"><em>Fotoalbum</em></font></td>
 </tr>
 <tr><td>&nbsp;</td></tr>
 <tr>
   <td width="100%" bgcolor="#808080" colspan="2" height="25"><b>Name des Pferdes</b></td>
 </tr>
 <tr><td></td></tr>
 <tr>
   <td width="100%" bgcolor="#AEAEAE" colspan="2">Bild</td>
 </tr>
 <tr>
   <td width="100%" bgcolor="#AEAEAE" colspan="2">© <a href="Link" target="_blank"><font color="#277498">Fotograf</font></a></td>
 </tr>
 <tr><td></td></tr>
 <tr>
   <td width="50%" bgcolor="#808080" align="left" height="25"><b>Name</b></td>
   <td width="50%" bgcolor="#AEAEAE">Name</td>
 </tr>
 <tr>
   <td width="50%" bgcolor="#808080" align="left" height="25"><b>Jahrgang</b></td>
   <td width="50%" bgcolor="#AEAEAE">Jahrgang</td>
 </tr>
 <tr>
   <td width="50%" bgcolor="#808080" align="left" height="25"><b>Geschlecht</b></td>
   <td width="50%" bgcolor="#AEAEAE">Geschlecht</td>
 </tr>
 <tr>
   <td width="50%" bgcolor="#808080" align="left" height="25"><b>Rasse</b></td>
   <td width="50%" bgcolor="#AEAEAE">Rasse</td>
 </tr>
 <tr><td>&nbsp;</td></tr>
 <tr>
   <td width="100%" colspan="2" height="25" bgcolor="#808080"><b>Unterkunft / Verpflegung</b></td>
 </tr>
 <tr><td></td></tr>
 <tr>
   <td width="50%" bgcolor="#808080" align="left" height="25"><b>Stallung</b></td>
   <td width="50%" bgcolor="#AEAEAE">Stallung</td>
 </tr>
 <tr>
   <td width="50%" bgcolor="#808080" align="left" height="25"><b>Weide</b></td>
   <td width="50%" bgcolor="#AEAEAE">Weide</td>
 </tr>
 <tr>
   <td width="50%" bgcolor="#808080" align="left" height="25"><b>Futterpaket</b></td>
   <td width="50%" bgcolor="#AEAEAE">Futterpaket</td>
 </tr>
 <tr><td>&nbsp;<br>&nbsp;<br></td></tr>
 <tr>
   <td width="50%" bgcolor="#808080" align="left" height="25"><b>Besitzer</b></td>
   <td width="50%" bgcolor="#AEAEAE">Besitzer</td>
 </tr>
 <tr>
   <td width="50%" bgcolor="#808080" align="left" height="25"><b>Pfleger</b></td>
   <td width="50%" bgcolor="#AEAEAE">Pfleger</td>
 </tr>
 <tr>
   <td width="50%" bgcolor="#808080" align="left" height="25"><b>Wert</b></td>
   <td width="50%" bgcolor="#AEAEAE">Wert</td>
 </tr>
 <tr><td>&nbsp;</td></tr>
 <tr>
   <td width="100%" colspan="2" height="25" bgcolor="#808080"><b>Charakter</b></td>
 </tr>
 <tr><td></td></tr>
 <tr>
   <td width="100%" colspan="2" bgcolor="#AEAEAE">Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter Charakter</td>
 </tr>
</table>
</body>
</html>

Geschrieben von Marabelle am 06.10.2009 um 20:20:

Ja, danke, so hat's funktioniert ... dankeschön <3

Geschrieben von Steffi. am 10.10.2009 um 12:50:

Ich poste meine Frage jetzt einfach mal hier Augenzwinkern

Und zwar...
ich möchte gerne das die Links in Tabellen anders aussehen als normal per CSS festgelegt. Dh. ich habe jetzt zwei verschiedene Tabellen 'class'-Gruppen, td1 und td2. Jetzt möchte ich das alle Links aus td2 anders aussehen, möchte also in der class-Gruppe td2 meine Linkeigenschaften per CSS festlegen, geht das überhaupt?

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

.td1 { 
color: #381D14;
font-size: 10pt;
text-align: center; 
font-family: verdana;
text-decoration: none;
text-transform: none;
border: #381D14;
border-collapse: collapse;
}

.td2 {  
color: #E0CFC5;
font-size: 10pt;
text-align: left; 
font-family: verdana;
text-decoration: none;
text-transform: none;
padding: 15px;
border: #E0CFC5;
border-collapse: collapse;
}

hier mal der Code, wie kann ich denn (wenns geht) in td2 jezzt festelegen das zB alle Links grün sind ohne die allgemeine Linkfarbe zu ändern (auf der rest hp soll sie ja gleich bleiben...)

Geschrieben von .Senseless am 10.10.2009 um 12:58:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:

.td1 { 
color: #381D14;
font-size: 10pt;
text-align: center; 
font-family: verdana;
text-decoration: none;
text-transform: none;
border: #381D14;
border-collapse: collapse;
}

.td2 {  
color: #E0CFC5;
font-size: 10pt;
text-align: left; 
font-family: verdana;
text-decoration: none;
text-transform: none;
padding: 15px;
border: #E0CFC5;
border-collapse: collapse;
}

.td2 a:link, .td2 a:active, .td2 a:visited, .td2 a:hover {
color: green;
}

Das dürfte so funktionieren (:

Geschrieben von Steffi. am 10.10.2009 um 13:11:

Jeah, war ich ja gar nicht mal mehr so weit von enfehrnt XD
Danke klappt soweit, mit dem Hover zwar nicht so aber so wie es funktioniert reicht mir! Danke!