Tabellenhintergrund

BloodyMary · 26.01.2010

Hallo an alle Webworker,

wie kann ich denn bestimmte Zeilen innerhalb einer Tabelle mit einem Hintergrundbild versehen?

Danke im vorraus.

Bloodymary

rest5 · 26.01.2010

AW: Tabellenhintergrund

<tr style="background-image:url(bild.png)">

Wenn es mehrere Zeilen sein sollen, <tr class="bild">
und in der CSS-Datei .bild { background-image:url(bild.png); }

BloodyMary · 26.01.2010

AW: Tabellenhintergrund

Thx, nur irgendwie habe ich irgendwann vor lauter rumprobieren verheddert und funktioniert nicht. Was mache ich falsch?

Code:

.stile {
    background-color: #000;
}
body,td,th {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    background-color: #FFC;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url();
}
tablebackground {
    background-image: url(Bilder/background.png);
    background-repeat: repeat-x;
}
table {
    background-image: url(Bilder/background.png);
}

HTML Body

HTML:

<body>
<table width="990" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="211" colspan="4"><img src="Bilder/header.png" width="990" height="211" /></td>
  </tr>
  <tr class="background-image:bilder/background.png">
    <td width="160" height="100" bgcolor="#D6D6D6">&nbsp;</td>
    <td width="335" height="100" bgcolor="#D6D6D6">&nbsp;</td>
    <td width="335" height="100" bgcolor="#D6D6D6">&nbsp;</td>
    <td width="160" height="100" bgcolor="#D6D6D6">&nbsp;</td>
  </tr>
  <tr>
    <td height="100" bgcolor="#D6D6D6">&nbsp;</td>
    <td height="100" bgcolor="#D6D6D6">&nbsp;</td>
    <td height="100" bgcolor="#D6D6D6">&nbsp;</td>
    <td height="100" bgcolor="#D6D6D6">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="4"><img src="Bilder/feed.png" width="990" height="23" /></td>
  </tr>
</table>
</body>

Poki29 · 26.01.2010

AW: Tabellenhintergrund

Horror wie oft die Frage kommt ;-)
SELFHTML: HTML / Tabellen

Wenn die das Layout bestimmen sollen (und das sieht schwer danach aus) beschäftige dich lieber direkt mit dem div-Boxmodel ;-)

rest5 · 26.01.2010

AW: Tabellenhintergrund

BloodyMary schrieb:
tablebackground {
background-image: url(Bilder/background.png);
background-repeat: repeat-x;
}

Wenn das eine klasse sein soll, muss ein Punkt davor, außerdem taucht sie im Markup nicht auf.

table {
background-image: url(Bilder/background.png);
}

Ich denk das Hintergrundbild soll nur in einer Zeile erscheinen?

<tr class="background-image:bilder/background.png">

Das ist semantischer Stuss. Du solltest dich wirklich zuerst gründlich mit html und css beschäftigen. Mein Dauertipp: Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS

rest5 · 26.01.2010

AW: Tabellenhintergrund

Poki29 schrieb:
Horror wie oft die Frage kommt ;-)
SELFHTML: HTML / Tabellen

Wenn die das Layout bestimmen sollen (und das sieht schwer danach aus) beschäftige dich lieber direkt mit dem div-Boxmodel ;-)

Da hat er uneingeschränkt recht!

BloodyMary · 27.01.2010

AW: Tabellenhintergrund

...hmm, meine ersten Versuche, was für ein chaos...

Ok, danke! Werde eure tipps mal befolgen und mich einlesen.