Background-Image für Tabelle

Sascha Müller · #1 (**permalink**) 05.02.2005, 23:03

Hallo zusammen,

früher habe ich immer geschrieben:

Code:

<table background="http://www.url.de/bild.jpg">
<tr>
<td>
Hallo Welt
</td>
</tr>
</table>

und war glücklich weil es funktionierte.

Aber der Validierer lässt mir das so nicht durchgehen, darum wollte ich das in CSS machen:

Code:

TABLE.hintergrund1 {
background-image : url(http://www.url.de/bild.jpg);
background-repeat : repeat-y;
}

Die Tabelle habe ich jetzt wie folgt definiert:

Code:

<table class="hintergrund1">
<tr>
<td>
Hallo Welt
</td>
</tr>
</table>

Nur leider funktioniert das so nicht.

Warum nicht?

Liebe Grüße

Sascha

Pablo · #2 (**permalink**) 05.02.2005, 23:22

Das Problem liegt an den fehlenden Anführungszeichem im url().

Hier eine valide Version mit besserem (kürzerem CSS):

Code:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>TEST</title>

<style type="text/css">
<!--
table.hintergrund1 {
    background:#fff url('http://www.labproduction.de/hp_bilder/evolution.jpg') repeat-y;
}
//-->
</style>


</head>
<body>


<table class="hintergrund1">
<tr>
<td>
Hallo Welt
</td>
</tr>
</table>


</body>
</html>

Pablo

Sascha Müller · #3 (**permalink**) 05.02.2005, 23:25

Hallo Pablo,

ich habe das Problem jetzt wie folgt gelöst (geht auch):

Code:

<table style="background-image:url(http://www.url.de/bild.jpg)">
  <tr>
    <td>Hallo Welt</td>
  </tr>
</table>

Danke für alles!

Liebe Grüße

Sascha

wahsaga · #4 (**permalink**) 05.02.2005, 23:41

Zitat:

Zitat von Pablo

Das Problem liegt an den fehlenden Anführungszeichem im url().

anführungszeichen, die überhaupt nicht erforderlich sind, können auch nicht fehlen.

(wenn es das problem in diesem falle doch lösen _sollte_, dann handelt es sich um einen browserfehler.)

Pablo · #5 (**permalink**) 06.02.2005, 10:43

Recht hast du... Ist mir später auch aufgefallen. Und als ich gerade getestet habe, ging das

Code:

background-image : url(http://www.url.de/bild.jpg);
background-repeat : repeat-y;

auch...

Pablo

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Navigation positionieren	maybebabe	CSS	4	08.04.2013 22:17
Ausrichtung Kalender	greece4u	CSS	20	14.05.2012 13:32
Inline Listenelement wird nicht richtig im background befüllt	SteveB	CSS	3	28.04.2011 20:41
Float-Reihenfolge?	wolf1985	CSS	0	21.08.2008 01:35
Mozilla zeigt DIV zu oft an	cracki	CSS	6	09.03.2008 15:22