Gegen Bilderklau - Das Original | Druckvorschau: CSS Code für Steckbrief funktioniert nicht

Geschrieben von Nuria* am 22.04.2010 um 17:12:

CSS Code für Steckbrief funktioniert nicht

Hallo zusammen

Ich bin seit kurzer Zeit dabei, mir CSS beizubringen und jetzt bin ich gerade an einem Punkt angekommen, wo ich überhaupt nicht mehr weiter weiss. Ich hab schon etliche Seiten angekuckt die CSS erklären, aber nichts hat mir geholfen. Daher wäre ich froh, wenn mir jemand von hier weiter helfen könnte.
Mein Problem ist nämlich, dass ich ein Zelle in der Tabelle farbig machen möchte. Ich habe es mit background-color versucht, aber es fühlt mir nur ein Teil der Zelle aus. Ich weiss einfach nicht was ich falsch mache.

Hier ist mein CSScode:

code:

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

BODY {border-color: transparent;
font-family: Arial Unicode MS;
font-size: 14pt;
color:#f78399;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;}


h1  {border-color: transparent;
background-color: #999999;
text-align: left;
font-size: 10pt;}

h2  {border-color: transparent;
background-color: #bee697;
text-align: center;
font-size: 13pt;}

Und das wäre 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:
80:
81:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test_pferd_teil1</title>
<link rel="stylesheet" type="text/css" href="test_pferd.css">
<meta name="author" content="Compaq">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<table width="100%" border="1" cellpadding="0" cellspacing="1">
 <tr>
         <td colspan="3"><h2>Allgemeine Informationen</h2></td>
 </tr>
 <tr>
         <td rowspan="10" height="150" width="100" wi >&nbsp;</td>
         <td><h1>Name</h1></td>
         <td>&nbsp;</td>
 </tr>
 <tr>
         <td><h1>Geburtsjahr</h1></td>
         <td>&nbsp;</td>

 </tr>
 <tr>
         <td><h1>Geschlecht</h1></td>
         <td>&nbsp;</td>

 </tr>
 <tr>
         <td><h1>Rasse</h1></td>
         <td>&nbsp;</td>

 </tr>
 <tr>
         <td><h1>Farbe</h1></td>
         <td>&nbsp;</td>

 </tr>
 <tr>
         <td><h1>Stockmass</h1></td>
         <td>&nbsp;</td>

 </tr>
 <tr>
         <td><h1>Wert</h1></td>
         <td>&nbsp;</td>

 </tr>
 <tr>
         <td><h1>Züchter</h1></td>
         <td>&nbsp;</td>

 </tr>
 <tr>
         <td><h1>Vorbeseitzer</h1></td>
         <td>&nbsp;</td>

 </tr>
 <tr>
         <td><h1>Besitzer</h1></td>
         <td>&nbsp;</td>

 </tr>
   <tr>
         <td colspan="3">&nbsp;</td>

 </tr>
 <tr>
         <td colspan="3"><h2>Beschreibung</h2></td>

 </tr>
 <tr>
         <td colspan="3"><div>Text</div></td>

 </tr>
</table>


</body>
</html>

und zusammen sieht dann das ganze so aus:

http://celine.bplaced.net/test_pferd_teil1.html

Wäre wirklich froh, wenn mir jemand helfen und sagen könnte was ich falsch mache.

Lieber Gruss,
Nuria