hier wird von links nach rechts gekachelt
hier wird von links nach rechts gekachelt
hier wird von oben nach unten gekachelt
hier wird von oben nach unten gekachelt
hier wird nicht gekachelt - Das Hintergrund-image wird nur einmal angezeigt
hier wird nicht gekachelt - Das Hintergrund-image wird nur einmal angezeigt
EINZELHEITEN
Das Hintergrund-image für den body wird im header festgelegt. Dies gilt auch für den Schrifttyp und für die Schriftgröße.
Jedoch: Die Hintergrund-images für die einzelnen Zellen werden jeweils im Body als stylesheet aufgerufen.
Dies gilt auch für die Schriftgröße der überschrift-Zeile -
Sie wird in dem Zellen-Tag festgelegt.
QUELLTEXT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>hintergrund-image (css)</title>
<style type="text/css">
body, a {
font: normal 100.01% Verdana;
background-image:url(../../image/bg_img/wasser11.gif)
}
</style>
</head>
<body>
<div style="color:#0000FF; margin:30px; border:thin solid #CCCCFF; font-size:200%"><p><b>Hintergrundimages</b></p></div>
<div style="background-image:url(../../image/schaltfl/SF_licht_rt.gif); background-repeat:repeat-x;
margin:30px; border:thin solid #CCCCFF">
<p><b><br>hier wird von links nach rechts gekachelt</b><br></p>
<p><b><br>hier wird von links nach rechts gekachelt</b><br></p>
</div>
<div style="background-image:url(../../image/schaltfl/SF_licht_rt.gif); background-repeat:repeat-y;
margin:30px; border:thin solid #CCCCFF;">
<p><b><br>hier wird von oben nach unten gekachelt</b><br></p>
<p><b><br>hier wird von oben nach unten gekachelt</b><br></p>
</div>
<div style="background-image:url(../../image/schaltfl/SF_licht_rt.gif); background-repeat:no-repeat;
margin:30px; border:thin solid #CCCCFF">
<p><b><br>hier wird nicht gekachelt - Das Hintergrund-image wird nur einmal angezeigt<br></b></p>
<p><b><br>hier wird nicht gekachelt - Das Hintergrund-image wird nur einmal angezeigt<br></b></p>
</div>
</p>
</div>
</body>
</html>
Thomas schreibt dazu folgende e-mail:
dein Code
<body style="background-image:url(../image/bg_img/rubriken.gif)">
<div>
<table border="0"
style="background-image:url(../image/bg_img/Wasser11.gif)"
cellpadding="0" cellspacing="0">
mein Code
<link rel="stylesheet" type="text/css" href="hintergrund.css">
</head>
<body class="body_hintergrund">
<div>
<table border="0" class="tabellen_hintergrund" cellpadding="0" cellspacing="0">
Folgenden Inhalt in die Datei hintergrund.css abspeichern, die du vorher als leere Textdatei erzeugen mußt
.body_hintergrund {background-image:url(../image/bg_img/rubriken.gif)};
.tabellen_hintergrund { background-image:url(../image/bg_img/Wasser11.gif)};
Willst du nun die Hintergrunddatei austauschen oder den Pfad ändern, mußt du nicht mehr jede Seite anpassen, sondern nur die Datei hintergrund.css
Viele Grüße
Thomas
|