Detlef G.: Hintergrundbild positionieren mit Wiederholung

Beitrag lesen

SELF-Forum

Hintergrundbild positionieren mit Wiederholung

Detlef G.
– Informationen zu den Bewertungsregeln

Hallo Flo

  1. Das obere Bild immer oben ist (ok, das schon, aber nicht in Kombination mit)

  2. Das zweite Bild direkt an das erste Bild anschließt, sich aber sooft wiederholt wie auch der geschriebene Inhalt der HP ist und

  3. das letzte Bild am Ende eingefügt wird.

Du denkst in Tabellen, bei denen hast du ein Raster, dass du mit Inhalten (auch Bildern) und/oder Hintergrundbildern füllst.
Wie du das umsetzen kannst, hat dir Gunnar schon geschrieben.

Nehmen wir an, dein HTML sieht in etwa folgendermaßen aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

  
<html>  
  <head>  
    <title>New Document</title>  
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">  
  </head>  
  <body>  
    <div id="content">  
      Hier der ganze Seiteninhalt  
    </div>  
  </body>  
</html>

Dann könnte das CSS dazu so aussehen:

  
html, body {  
  margin:0;  
  padding:0;  
}  
html {  
  background:url(hintergrundgrafiken/pergament_m.gif) repeat top;  
  height:100%;  
}  
body {  
  background:url(hintergrundgrafiken/pergament_u.gif) repeat-x bottom;  
  min-height:100%;  
}  
* html body {  
  height:100%;  
}  
#content {  
  background:url(hintergrundgrafiken/pergament_o.gif) repeat-x top;  
}

Wenn dir das nicht hilft, dass du es selbst für deine Seite umsetzen kannst, dann wäre es hilfreich, uns einen Link auf die Seite zu geben, damit wir dir direkt helfen können.

Der Quelltextschnipsel deines Ausgangspostings kann nicht wirklich von der Seite stammen, wenn du die Grundlagen kennst.

Auf Wiederlesen
Detlef

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!
Beitrag melden
–
Informationen zu den Bewertungsregeln