Steel: Block von immer je 3 Bildern anordnen

Beitrag lesen

Hoi!

Ich habe das rechte Bild (class="bildrechts") mit folgendem css.

.bildrechts {
text-align:right;
float:right;
margin-right: 0;
padding-top:0;
}


> Das linke Bild ordnet sich automatisch nach links. Aber die mittleren Bilder sollen auch alle an einer linken "Linie" ausgerichtet sein, und nicht an das linke Bild ranpappen.  
  
:)  
  
Du moechtest also drei Bilder in einer Reihe wobei das mittlere einen Abstand zum vorigen haben soll und mit allen mittleren, die darunter sind,  auf einer Linie liegen soll. Ich nehme auch mal an, dass Deine Bilder nicht alle die gleiche Breite haben (mal hoch, mal lang). Nun. Eventuell ist hier float nicht die beste Wahl, sondern eine absolute Positionierung?  
  
Das erste Bild links muss man nicht positionieren, da es sowieso am linken Rand klebt. Das dritte Bild rechts ist noch leicht mit right:0 zu positionieren. Das zweite bild (mitte) allerdings haengt nun von den von Dir benutzten Massen ab. Deine Bilder sollten alle eine maximale Breite haben, dann weisst Du wieviel Platz Du in der Mitte hast, wenn alle drei Bilder diese Maximalbreite haben. Dein Container wird wohl mindestens so breit sein, wie drei Deiner Bilder, also positionierst Du das mittlere soweit links wie das erste breit ist plus einen von Dir gewaehlten Abstand.  
  
Ach. Nicht vergessen, den Container relativ zu positionieren. Sonst kleben die Bilder schnell an anderen Raendern.  

-- 
"Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."  
      - T. Pratchett