• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hintergrundbilder werden nicht dargestellt

187fm.net

Neues Mitglied
Hallo,
habe ein kleines Problem beim erstellen beim erstellen eines Seitenlayouts.
Und zwar werden die Hintergrundgrafiken einfach nicht dargestellt, hab schon sogut wie alles ausprobiert & weiss einfach nicht mehr woran das liegen könnte!

Klick
HTML:
<html>
<head></head>
<body>
<table border="0" align="center">
<tr>
 <th height="50" width="200" colspan="2">a</th> 
 <th height="50" width="50" style="background-image:url(/styleimg/corner_lo.png)">b</td>
 <th height="50" width="800">c</th>
 <th height="50" width="50">d</th>
</tr>
<tr height="50">
 <th width="50">e</th>
 <th width="150">f</th> 
 <th colspan="3" rowspan="4">g</th>
</tr>
<tr>
 <th colspan="2">h</th>
</tr>
<tr height="50">
 <th width="50">i</th>
 <th width="150">j</th>
</tr>
<tr> 
 <th width="200" colspan="2">k</th>
</tr>
<tr height="50">
 <th width="200" colspan="2">l</th>
 <th width="50">m</th>
 <th width="800">n</th>
 <th width="50">o</th>
</tr>
</table>
</body>
</html>

Normalerweise müsste jetzt im Feld "b" diese Grafik zu sehen sein!

Bin für jeden Tipp dankbar!
mfg. M.Döring
 
Danke für die Antworten!
Bei mir werden die Grafken komischerweise jetzt auch dargestellt!

Ja, ich weiss CSS is bei mir schon lange überfällig. Bin grad dabei mich damit zu beschäftigen.

Nun aber zu einem anderen Problem

jetzt nochmal der überarbeitete Quelltext:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head></head>
<body>

<table border="0" align="center">
<tr>
 <th height="50" width="200" colspan="2">a</th> 
 <th height="50" width="50" style="background-image:url(/styleimg/corner_lo.png)">b</td>
 <th height="50" width="800" style="background-image:url(/styleimg/center.png)">c</th>
 <th height="50" width="50" style="background-image:url(/styleimg/corner_ro.png)">d</th>
</tr>
<tr height="50">
 <th width="50">e</th>
 <th width="150">f</th> 
 <th colspan="3" rowspan="4">g</th>
</tr>
<tr>
 <th colspan="2">h</th>
</tr>
<tr height="50">
 <th width="50">i</th>
 <th width="150">j</th>
</tr>
<tr> 
 <th width="200" colspan="2">k</th>
</tr>
<tr height="50">
 <th width="200" colspan="2">l</th>
 <th width="50">m</th>
 <th width="800">n</th>
 <th width="50">o</th>
</tr>
</table>
</body>
</html>
Klick

Aber eigentlich sollten die Grafiken jetzt ineinander übergehen... tun sie aber (zumindest bei mir)nicht!

Kann mir jemand sagen warum das ganze so unsauber angezeigt wird ? (Die beiden äußeren Grafiken sind beide (genauso wie die Zellen) 50px*50px groß!

mfg. M.Döring
 
Ja, ich weiss CSS is bei mir schon lange überfällig. Bin grad dabei mich damit zu beschäftigen.
Bitte dabei aber auch nicht vergessen, HTML zu lernen.
Das vergessen leider die meisten, weil sie glauben, HTML schon zu können. Wer aber Tabellen (oder irgendein HTML-Element, z.B. auch div) zum Layouten verwendet, der kann nicht von sich behaupten, HTML zu können.

HTML ist für die Semantik. Wenn das klar ist und man das anwenden kann, dann kann man HTML. Und CSS braucht man nicht zu lernen, bevor man HTML verstanden hat. Das macht dann nämlich keinen Sinn, ist kompliziert und erscheint unlogisch und verursacht doppelte Arbeit.
 
Zurück
Oben