nicht angemeldet
bilder in div gleichmässig verteilen
hallo zusammen,
ich baue grad an einem layout, dass mit css und ohne tabellen
umgesetzt wird.
jetzt habe ich eine breite div in der sich 5 bilder befinden.
gibt es eine mäglichkeit die bilder gleichmässig zu verteilen?
(
hier der quelltext:
<div id='oben'>
<a href='#'><img src='bilder/home_0.gif' /></a>
<a href='#'><img src='bilder/mediendesign_1.gif' /></a>
<a href='#'><img src='bilder/digitales_0.gif' /></a>
<a href='#'><img src='bilder/person_0.gif' /></a>
<a href='#'><img src='bilder/kontakt_0.gif' /></a>
</div>
#oben { background-image: url(../bilder/head.jpg);
background-repeat: no-repeat; width: 760px; max-height: 110px;
text-align: justify; padding-top: 100px; padding-left: 56px;
padding-right: 120px; border: 0px;}
)
danke schonmal
-
hallo,
gibt es eine mäglichkeit die bilder gleichmässig zu verteilen?
Ja, gibt es. Genauso, wie du dein DIV positionieren kannst, kannst du jedes einzelne Bild noch gesondert positionieren.
Grüße aus Berlin
Christoph S.
-
gibt es eine mäglichkeit die bilder gleichmässig zu verteilen?
Ja, gibt es. Genauso, wie du dein DIV positionieren kannst, kannst du jedes einzelne Bild noch gesondert positionieren.ja, das war mir klar, aber ich hab eher nach einem einfacheren weg gesucht.
sowas wie "text-align: justify;" für diesen zweck gibt es also nicht?
-
hi,
sowas wie "text-align: justify;" für diesen zweck gibt es also nicht?
Nicht in CSS. Du kannst das übrigens alles ziemlich ausführlich in SELFHTML nachlesen.
Christoph S.
-
Nicht in CSS. Du kannst das übrigens alles ziemlich ausführlich in SELFHTML nachlesen.
wenn du mir sagst wo ich nachlesen kann, dass es nicht geht,
dann werde ich das machen.
-
-
ja, das war mir klar, aber ich hab eher nach einem einfacheren weg gesucht.
sowas wie "text-align: justify;" für diesen zweck gibt es also nicht?
hi,
ganz so einfach zwar nicht, aber da Dein DIV ja eine feste Weite und die Bildgrößen bekannt sind, ist das doch noch relativ simpel:stelle fest, wieviel Abstand insgesamt zu Verfügung steht, teile das Ergebnis durch die Anzahl der Bilder (=XX) und definiere den style:
img { border: 0px; margin-left:XXpx; margin-right:XXpx; }
Und sollte es nicht ganz in die Zeile passen, einfach XX etwas verkleinern.
Gruß
Ingo
-
-