Gegen Bilderklau - Das Original | Druckvorschau: Fehler im CSS-Style?

Geschrieben von Läääp am 03.10.2012 um 19:37:

Fehler im CSS-Style?

Hallöchen.
Ich habe eben einen CSS-Style für meinen VRH gecodet und habe wohl irgendeinen Fehler bei den Tabellen gemacht, denn die Tabellen, in denen ich den Code dann verwende erscheinen nicht. Es wäre lieb wenn jemand mal drüberschauen würde.

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:

A:link { color: #000000 ; text-decoration: none; }
A:visited { color: #000000 ; text-decoration: none; }  
A:hover { color: #7e8d9b ; text-decoration: none; border-bottom:1 dotted; border-color:#000000; }  
A:active { color: #7e8d9b ; text-decoration: none; }  
body {  background-color: ; color: #000000;  
font-family: Arial;  
font-size: 12px; 
text-align : justified; 
background-attachment: fixed;  
scrollbar-face-color: #bcc6cf;  
scrollbar-highlight-color: #000000;  
scrollbar-3dlight-color: #ffffff;  
scrollbar-darkshadow-color: white;  
scrollbar-shadow-color: #ffffff;  
scrollbar-arrow-color: white;  
scrollbar-track-color: #7e8d9b; }  

table, th, td { border: 1px solid #040; 
border-collapse: collapse; 
font-family: Arial; 
font-size: 1em; 
text-align: center; 
padding: 5px; }  

th { background-color: #ffffff; color: #ffffff; border: 0px ; } 
.ueberschrift td { background-color: #7e8d9b; } 

.unterschrift td { background-color: #bcc6cf; } 

.normal td { background-color: #ffffff; }

Hier noch ein Tabellencode-Beispiel dazu.

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:

 <div style="text-align: center;"> 
<table style="width: 350px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">    
<tbody>      
<tr >        
<ueberschrift td>
<span style="font-weight: bold;">Überschrift</span>
</td>     
 </tr>      
<tr>        
<normal td style="text-align: center;">link</td>       
<normal td style="text-align: center;">link</td>      
</tr>      
<tr>        
<normal td style="text-align: center;">link</td>        
<normal td style="text-align: center;">link</td>      
</tr>      
<tr>        
<normal td style="text-align: center;">link</td>        
<normal td style="text-align: center;">link</td>      
</tr>      
<tr>        
<normal td style="text-align: center;">link</td>        
<normal td style="text-align: center;">link</td>      
</tr>    
</tbody> 
</table>  
</div>

Geschrieben von Feather am 03.10.2012 um 19:42:

Hallo Läääp,

soweit ich weiß, müsstest du das mit class definieren.

Also z.B. statt:

code:
1:	<normal td style="text-align: center;">link</td>

so:

code:
1:	<td class="normal td">link</td>

Du kannst es ja mal so ausprobieren smile

Geschrieben von Läääp am 03.10.2012 um 19:50:

Danke smile

Nun ist die Tabelle zwar da, aber die Hntergrundfarbe bei "ueberschrift" nicht. :/

Geschrieben von Feather am 03.10.2012 um 20:19:

Hallo smile

Hast du dort denn auch alles entsprechend definiert? Eventuell dort auch statt "td" "th" schreiben smile

Geschrieben von Läääp am 03.10.2012 um 20:34:

funktionier leider auch nicht. Dann wird die komplette Zeile weiß.

Geschrieben von Feather am 03.10.2012 um 20:36:

Ja, weil du es ja so in dem CSS-Code definiert hast Augenzwinkern

Geschrieben von Itoe am 03.10.2012 um 20:56:

RE: Fehler im CSS-Style?

Zitat:

Original von Läääp

table, th, td { border: 1px solid #040;

LG

Soweit ich weiß ist bei der Farbangabe hier zumindest der Code Fehlerhaft müssen eigentlich immer 6 Zeichen sein Augenzwinkern

Geschrieben von Feather am 03.10.2012 um 20:57:

Itoe, du hast recht. Das habe ich glatt übersehen.

Läääp, wenn du einfach bei dem "th" die Hintergrundfarbe änderst, sollte es ja richtig angezeigt werden, oder?

Geschrieben von Itoe am 03.10.2012 um 21:00:

RE: Fehler im CSS-Style?

Zitat:

Original von Läääp

th { background-color: #ffffff; color: #ffffff; border: 0px ; }

LG

Den Teil meint Feather ^^ Du hast im Prinzip weiße Schrift auf weißem Papier ^^