horizonatle Bildausrichtung mit gleichen Abständen
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo,
bin neu hier im Forum und beschäftige mich auch noch nicht allzu lang mit html und css - möchte mir aber im Selbststudium erste Schritte für eine spätere Seite erarbeiten. Ich möchte ich 4 Listenelemente (Bilder) horizontal ausrichten, sodass sowohl das linke Bild und auch das Rechte am jeweiligen Rand "klebt", die Abstände dazwischen aber gleich groß sind. Ja, ich habe schon die Suchfunktion in diesem Forum verwendet, leider war mir dieser Eintrag schon etwas fortgeschritten bzw. hab ich ihn nicht ganz verstanden: http://xhtmlforum.de/62200-5-element...m-abstand.html Anbei ein kurzer Screenshot von meinem "Problem" sowie die dazugehörigen html und css texte: HTML-Code:
<div id="wrapper"> Code:
div#wrapper { |
Dein Problem hängt mit dem Verhalten von Elementen zusammen und ist ein Teil der CSS Grundlagen, die du dir aneignen solltest.
3.4 Block- und Inline-Elemente - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller) 9.1 Einfache horizontale Navigation: display: inline - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller) |
mmhh.... danke zunächst für deine Antwort. hab mal einen kurzen Blick in die Links geworfen: soweit mache ich ja alles richtig (arbeite mit Listen d.h. Blockelementen) verwende dann aber statt display: inline die float-Technik.
Werde später am abend noch basteln, ob display: inline statt float klappt. LG |
Alle Zeitangaben in WEZ +2. Es ist jetzt 07:19 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023