CSS-Formatierung für Tabelle - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > CSS-Formatierung für Tabelle

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > CSS-Formatierung für Tabelle

Pages: [1]

geschrieben von werny am 03.03.2009 - 21:10

Hallo,

ich möchte gerne eine tabelle formatieren.
Sie soll einfach nur Transparent sein, mit einer grauen Linie nach jeder Zeile.

Meine .css-Datei sieht so aus:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:

.besetzung {
 border-left-width: 1; border-right-width: 1; border-top-width: 1; border-bottom-style: solid; border-bottom-width: 1" bordercolor="#C0C0C0"    background-color: #FFF;
    width: 100%;
}


.besetzung table td, .besetzung table th {
border-left-width: 1; border-right-width: 1; border-top-width: 1; border-bottom-style: solid; border-bottom-width: 1" bordercolor="#C0C0C0"    
vertical-align: middle;
    padding: 0;
}

Die Tabelle wird aber leider nicht richtig angezeigt.
Was mach ich da falsch?

Danke

geschrieben von Klaush am 08.03.2009 - 20:52

Hast du das Problem lösen können, wenn ja, dann wäre eine Rückmeldung hilfreich. Wenn nicht, dann schau dir mal deine CSS ANweisung genau an, dann wirst du schnell erkennen das dort folgende Zeichen verwendet wurden, die dort nicht hingehören und auch einige andere fehlen. Das was fehlt, werde ich blau markieren, die die falsch sind werde ich rot markieren.

dein Code:

HTML-Quelltext

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

.besetzung {
 border-left-width: 1; 
 border-right-width: 1; 
 border-top-width: 1; 
 border-bottom-style: solid; 
 border-bottom-width: 1"  ;
 border-color: =" #C0C0C0"   ;  
 background-color: #FFF;
    width: 100%;
}


.besetzung table td, .besetzung table th {
border-left-width: 1; 
border-right-width: 1; 
border-top-width: 1; 
border-bottom-style: solid; 
border-bottom-width: 1"  ;
border-color: =" #C0C0C0"  ;   
vertical-align: middle;
    padding: 0;
}

mein Code:

HTML-Quelltext

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:

<h3>So sieht's aus</h3>

<style type="text/css">
.besetzung {
 border-left-width: 1; 
 border-right-width: 1; 
 border-top-width: 1; 
 border-bottom-style: solid; 
 border-bottom-width: 1; 
 border-color: #FF0000;    
 background-color: #FFF;
    width: 100%;
}


.besetzung table td, .besetzung table th {
border-left-width: 1; 
border-right-width: 1; 
border-top-width: 1; 
border-bottom-style: solid; 
border-bottom-width: 1; 
border-color: #FF0000;  
vertical-align: middle;
    padding: 0;
}

</style>

<table border="0">
<tr>
<td class="besetzung">Hier steht ein Text</td>
</tr>
<tr>
<td class="besetzung">Hier steht ein Text</td>
</tr>
<tr>
<td class="besetzung">Hier steht ein Text</td>
</tr>
</table>