Anzeige:
Ergebnis 1 bis 3 von 3

Thema: bild wiederholen lassen

  1. #1
    leviathan
    Gast

    Question bild wiederholen lassen

    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?

  2. #2
    Registrierter Benutzer Avatar von BlueJay
    Registriert seit
    27.08.2004
    Beiträge
    825
    Zitat Zitat von leviathan
    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

  3. #3
    Registrierter Benutzer
    Registriert seit
    27.08.2002
    Beiträge
    337
    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.

    Code:
    <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>

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •