PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : bild wiederholen lassen



leviathan
17-09-2004, 18:13
wie kann ich denn ein bild immer wieder wiederholen lassen?
noch ne frage:
ich hab 3 spalten:
ganz links für den linken teil des logos
ganz rechts für den rechten teil des logos
und die mitte soll eben durch das bild ergänzt werden.
also soll die dynamisch sein was die auflösungen der user angeht...
wie?

BlueJay
17-09-2004, 22:16
wie kann ich denn ein bild immer wieder wiederholen lassen?
Als Hintergrundbild, dies ist sogar die Voreinstellung.



ich hab 3 spalten:
ganz links für den linken teil des logos
ganz rechts für den rechten teil des logos
und die mitte soll eben durch das bild ergänzt werden.
also soll die dynamisch sein was die auflösungen der user angeht...
wie?

Tabellenbreite 100% (aber IE6 gegenchecken, eventuell auf 97% runter)
linke Spalte, rechte Spalte: feste Spaltenbreite,
mittleres Bild als Hintergrund der mittleren Spalte.

Eventuell mit Leergif, <col> oder sonstigen Zwangsmaßnahmen nachhelfen.

so long

Jana
18-09-2004, 20:32
Vielleicht ist dir folgende Programmierung ganz nützlich auch wenn es nicht direkt eine Bildwiederholung ist.
Dafür kannst du die verschiedenen der Spalten exakt der Bildschirmbreite anpassen.
Hintergrundbilder, die sich wiederholen finde ich nicht so süß, denn die Bilder
verändern ihre Breite nicht. Du könntest sie nur abschneiden und bei kleineren Bildschirmen so verkleinern.
Mir persönlich ist ein exakt gesteuertes Aussehen der Webpage wichtig.



<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.header {
margin: 0%; padding: 0%;
background: transparent;
}
.colLeft {
position: absolute;
overflow:visible;
left:0%; top:auto;
width: 25%; height: auto;
margin:0%; padding:0%;
background: transparent;
}
.colCenter {
position: absolute;
overflow:visible;
left:25%; top:auto;
width: 50%; height: auto;
margin: 0%; padding: 0%;
background: transparent;
}
.colRight {
position: absolute;
overflow:visible;
left:75%; top:auto;
width: 25%; height: auto;
margin: 0%; padding: 0%;
background: transparent;
}

</style>
</HEAD>

<BODY>

<div id="header" class="header">Header</div>
<div id="colLeft" class="colLeft">colLeft</div>
<div id="colCenter" class="colCenter">colCenter</div>
<div id="colRight" class="colRight">colRight</div>

</BODY>
</HTML>