|
|||
Bilder richtig positionieren - wie mit CSS?
Hallo an alle hier im Forum!
Ich habe eine Frage, die das Positionieren von Bildern mit CSS betrifft. Wäre super, wenn mir ein CSS-Profi die richtige Idee vermitteln könnte. Ich habe auf dem Gebiet leider noch zu wenig Erfahrung. Meine Frage: Ich habe eine Webseite auf der ein <div> den Bereich mit hellblauem Hintergrund definiert. Jetzt möchte ich über die Hintergrundfarbe Bilder legen. Jedes Bild ist ein Vorschaubild mit Link zu einer großen Ansicht. Folgendes ist wichtig: 1) Der Abstand von Bild zu Bild soll immer (bei jedem Browser!!!) 2 pt betragen. 2) Der Abstand der Bilder zum oberen Rand sollte (Beispiel!) 100 px betragen, der Abstand zum linken Bildrand 50px. Mein Lösungsvorschlag: 1) Ich lege in den div-Container einen weiteren div-Container, den ich durch padding-left und padding-top positionieren kann. Die Größe des neuen Containers ist exakt die Größe meiner Bilder plus die Abstände zwischen ihnen. (Muss ich da mit z-index arbeiten, oder geht das ineinander verschachteln auch so?) 3) Ich definiere für jedes Bild: padding: 0; border: 0; margin: 1px; Ich denke, das müsste für jeden Browser absolut eindeutig sein. Oder irre ich mich da? 3) Die Bilder schreibe ich jetzt einfach in den HTML Code nacheinander hinein. DANKE für alle Ideen und Korrekturen!!! Raphael PS: Ich hab ein Beispiel wie es ca. werden könnte, beigelegt. |
Sponsored Links |
|
||||
Deine Idee ist okay, allerdings müssen die Bilder dafür Blockelemente werden, und infolgedessen floaten (dadurch werden sie übrigens automatisch zu Blockelementen). Füge Deiner img-Regel also noch float: left; hinzu und beachte die FAQ.
z-index brauchst Du nicht, denn ein div, das sich innerhalb eines anderen befindet, liegt ohne weiteres Zutun "oben".
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
|
|||
Zitat:
Ich probiere es mal und poste einen Link, wenn es online ist! Grüße Raphael |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bilder im div mit float positionieren | henmey | CSS | 4 | 25.01.2009 01:53 |
Menuinhalt richtig positionieren | Pari | CSS | 3 | 03.01.2009 16:11 |
bilder so positionieren, dass sie immer untereinander auftauchen | vikingosegundo | CSS | 3 | 22.10.2008 18:11 |
druckbare Bilder mit css einbinden | rg69 | CSS | 1 | 21.02.2008 11:11 |
Navigation mit CSS und Bilder | fanttomas | CSS | 9 | 16.02.2006 12:29 |