✔ Hintergrundbild wiederholt sich nicht

Status
Nicht offen für weitere Antworten.
Durch diese CSS-Regel wird die Grafik nicht vertikal gespiegelt, sondern in der X-Achse (=horizontal) wiederholt:

HTML: 
<html>
<head>
<title>Kein Titel</title>
<style type="text/css">
#Tanz {
background-image:url(banner_6-Hintergrund.jpg); background-repeat:repeat-x;
background-position:30px 20px;
}
</style>
</head>
<body>
<table border="1" width="1000" cellspacing="0" cellpadding="0">
    <tr>
        <td id="Tanz">
           <p>Tanz doch mal mit mir</p>
           <p>Tanz doch mal mit mir</p>
           <p>Tanz doch mal mit mir</p>
           <p>Tanz doch mal mit mir</p>
           <p>Tanz doch mal mit mir</p>
           <p>Tanz doch mal mit mir</p>
        </td>
    </tr>
</table>
</body>
</html>
Vielleicht solltest Du das SELFHTML-Tutorial Hintergrundfarben und -bilder nochmal in aller Ruhe studieren.
 
Leider funkioniert das bei mir nicht!

Deshalb hier der Kommplette Code der Seite:

HTML: 
<html> 

<head> 

<style type="text/css"> #Tanz { background-image:url(banner_6-Hintergrund.jpg); background-repeat:repeat-x; background-position:30px 20px; } 
</style> 

</head> 

<title>Kein Titel</title> <meta name="generator" content=""> 

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0"> <table border="0" width="1000" cellspacing="0" cellpadding="0">  
<tr>
	<td id="Tanz">
<table border="0" width="1000" cellspacing="0" cellpadding="0">
    <tr>
        <td width="50"><img src="images/banner_0.jpg" width="50" height="111" border="0"></td>
        <td width="66"><img src="images/banner_1.jpg" width="66" height="111" border="0"></td>
        <td width="63"><img src="images/banner_2.jpg" width="63" height="111" border="0"></td>
        <td width="58"><img src="images/banner_3.jpg" width="58" height="111" border="0"></td>
        <td width="67"><img src="images/banner_4.jpg" width="67" height="111" border="0"></td>
        <td width="88"><img src="images/banner_5.jpg" width="88" height="111" border="0"></td>
        <td width="103"><img src="images/banner_6.jpg" width="103" height="111" border="0"></td>
        <td width="59"><img src="images/banner_7.jpg" width="59" height="111" border="0"></td>
        <td width="446"><img src="images/banner_8.jpg" width="446" height="111" border="0"></td>
    </tr>
    <tr>
        <td width="50"><a href="index.php" target="_self"><img src="images/banner_9.jpg" width="50" height="31" border="0"></a></td>
        <td width="66"><a href="branchen.htm" target="_self"><img src="images/banner_10.jpg" width="66" height="31" border="0"></a></td>
        <td width="63"><a href="leistung.htm"><img src="images/banner_11.jpg" width="63" height="31" border="0"></a></td>
        <td width="58"><a href="kunden.htm"><img src="images/banner_12.jpg" width="58" height="31" border="0"></a></td>
        <td width="67"><a href="bewerber.htm"><img src="images/banner_13.jpg" width="67" height="31" border="0"></a></td>
        <td width="88"><a href="jobangebote.php" target="_self"><img src="images/banner_14.jpg" width="88" height="31" border="0"></a></td>
        <td width="103"><a href="projektangebote.php" target="_self"><img src="images/banner_15.jpg" width="103" height="31" border="0"></a></td>
        <td width="59"><a href="kontakt.htm"><img src="images/banner_16.jpg" width="59" height="31" border="0"></a></td>
        <td width="446"><img src="images/banner_17.jpg" width="446" height="31" border="0"></td>
    </tr>
    <tr>
        <td width="50"><img src="images/banner_18.jpg" width="50" height="28" border="0"></td>
        <td width="66"><img src="images/banner_19.jpg" width="66" height="28" border="0"></td>
        <td width="63"><img src="images/banner_20.jpg" width="63" height="28" border="0"></td>
        <td width="58"><img src="images/banner_21.jpg" width="58" height="28" border="0"></td>
        <td width="67"><img src="images/banner_22.jpg" width="67" height="28" border="0"></td>
        <td width="88"><img src="images/banner_23.jpg" width="88" height="28" border="0"></td>
        <td width="103"><img src="images/banner_24.jpg" width="103" height="28" border="0"></td>
        <td width="59"><img src="images/banner_25.jpg" width="59" height="28" border="0"></td>
        <td width="446"><img src="images/banner_26.jpg" width="446" height="28" border="0"></td>
    </tr>
</table>
<table width="791" cellspacing="0" style="border-collapse:collapse;" height="407">
    <tr>

Was mache ich denn nur falsch? Das bild wird jetzt neben der Tabelle angezeigt und auch nur einmal! Das muss doch was nich stimmen!
 
Gut möglich, daß das Hintergrundbild von den übrigen Grafiken (banner_x.jpg) überdeckt wird, denn bei mir ist die Hintergrundgrafik klar und deutlich zu sehen, da ich nicht über die anderen Grafiken verfüge ;)
 
Könnte es sein das manche Browser damit Probleme haben dies anzuzeigen? Oder kann es sogar daran liegen das ich PHP verwende Bei mir wird das Bild nur einmal eingefügt und ca. einen halben cm von der Bildschrimoberkante. Es soll aber ganz oben anliegen und sich auf der "X-Achse" wiederholen.
 
Ok das lese ich mir nocheinmal genau durch! Aber noch eine Frage:

Ich will ja dies nicht also Hintergrund für eine Tabelle sondern als Hintergrund für die komplette Seite! Wie lasse ich das denn dann anzeigen?

Vielen Dank schon mal für deine Hilfe!
 
Dann wende die CSS-Formatierung auf das body-Element an:

Code: 
body {
background: url(banner_6-Hintergrund.jpg) repeat-x 0 0;
}
 
Die Werte (nach repeat-x) stehen für die Hintergrundposition, der erste Wert bestimmt die horizontale und der zweite Wert die vertikale Position.

Das repeat habe ich in repeat-x umgewandelt, da Du die Grafik nur horizontal wiederhollen willst.
 
Ach mist! Ich hab das jetz so ausprobiert mit dem Zeug:

HTML: 
<title>Kein Titel</title> <meta name="generator" content=""> 

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0"> <table border="0" width="1000" cellspacing="0" cellpadding="0">  
background: url(banner_6-Hintergrund.jpg) repeat-x 0 0;
<tr>

Jedoch steht jetzt henau diese Zeile in der Seite:
background: url(banner_6-Hintergrund.jpg) repeat-x 0 0;

Rufe ich das falsch auf?
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück