left center right per CSS

[Thomas Michel]

Hallo Detlef

Der generierte Code sieht folgerndermassen aus und kann in der reihenfolge nicht geändert werden ....:

  
<span class="bildcomentleft" style="width:200px"><img src="/grafik.php?id=53" class="bildcontentleft" alt="Flugzeugsitze" /><br class="clear" />Sitzbezugsstoffe</span>  
  
<span class="bildcomentcenter" style="width:200px"><img src="/grafik.php?id=55" class="bildcontentcenter" alt="Bahnenstoff" /><br class="clear" />Velour / Pl&uuml;sch</span><span class="bildcomentright" style="width:200px"><img src="/grafik.php?id=41" class="bildcontentright" alt="Planofil Schiff FG" /><br class="clear" />f&uuml;r Boote als Verdecke und Persenninge</span>  

  
span.bildcomentleft,  
span.bildcomentright,  
span.bildcomentcenter  
{  
margin-bottom:10px;  
  
}  
.bildcomentcenter  
{  
display: inline; margin-left: auto; margin-right: auto;  
}  
  
.bildcomentleft  
{  
   float:left;  
   text-align:left;  
   font-style: italic;  
   font-size:80%;  
margin-right:25px;  
}  
.bildcomentcenter  
{  
   float:left;  
   text-align:center;  
 font-style: italic;  
 font-size:80%;  
}  
.bildcomentright  
{  
   float:right;  
   text-align:right;  
   clear: right;  
   font-style: italic;  
   font-size:80%;  
   margin-left:25px;  
}  
  

Leider funktioniert die center geschichte so nicht lenks und rechts funktioniert Problemlos...

mfG

Thomas Michel

Hallo Thomas

... Nun möchte ich 3 bilder ausrichten das erste links das andere zentriert und das dritte rechts das ganze soll auf einer Zeile erscheinen ...

Müssen die Bilder in genau dieser Reiehenfolge im Quelltext stehen?

Wenn nein, dann gib dem Elternelement text-align:center, dem ersten Bild im
HTML float:left, dem zweiten float:right, das dritte bekommt kein float.

Auf Wiederlesen
Detlef