CSS: Elemente nebeneinander anordnen

Hi Leute!

Ich versuche gerade 3 Bilder mit Text darunter per CSS nebeneinander anzuordnen.
Meinen Versuch könnt ihr auch da ansehen:
http://wolfib.wo.funpic.de/

Ausschnitt des Stylesheets:

div#Home_Cont div {
  display:inline;
}
div#Home_Cont p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  color: #333333;
}

Wenn ich das richtig verstanden habe klappt das mit display:inline. Ich kann zwar z.B. den Text und das Bild nebeneinander anordnen aber die Bilder nebeneinander klappt nicht. Was mach ich da falsch?

machs doch einfach mit einer tabelle

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

[DiBo33]

Beispiel:
3 Bilder nebeneinander jeweils 150 Pixel breit und eine Beschreibung (oder Link) unten.

<style type="text/css">
ul.bld { list-style-type:none;float:left;margin:0;padding:0;width:510px; }
ul.bld li { float:left;margin:0px 10px 7px 2px;font-size:9px; }
ul.bld img { display:block;width:150px;height:113px;border:0; }
</style>
<ul class="bld">[*][img]bild[/img]Bild1[*][img]bild[/img]Bild2[*][img]bild[/img]Bild3[*][img]bild[/img]Bild4[*][img]bild[/img]Bild5[/list]

@karl-150:
Nein bitte keine Tabellen fürs Layout. Bin gerade dabei das umzustellen!

@DiBo33:
Ja, mit float:left funktionierts! Aber soweit ich das verstanden habe ist dafür display:inline gedacht oder? Zumindest kann ich damit Bild und Text nebeneinander anordnen.

Wo sind die CSS Experten?

wenn du weg von tabellen willst dann benutz <div>s
da kannst du genau bestimmen wo was sein soll.

aber die lösung mit float sollte auch passen.

mfg

Ich verwende ja divs. Die werden aber untereinander angezeigt!

probier mal das

HTML:
         <div id="bild1"> </div>
         <div id="bild2"> </div>

CSS:
        #bild1
{
    background: transparent url(*1.jpg) top no-repeat; 
    position: absolute; 
    top: 10px; 
    right: 210px;
}
        #bild2
{
    background: transparent url(*2.jpg) top  no-repeat; 
    position: absolute; 
    top: 10px; 
    right: 110px;
} 

da findest du zwar keine Hilfe aber Anregungen:
www.csszengarden.com

[DiBo33]

Ja, mit float:left funktionierts! Aber soweit ich das verstanden habe ist dafür display:inline gedacht oder?

Mitnichten

Anwendbar auf: Alle außer positionierte Elemente

also sowohl inline als auch block

http://css4you.de/float.html

Zumindest kann ich damit Bild und Text nebeneinander anordnen.

Bei deiner Anordnung handelt es sich eindeutig um eine Liste von Elementen, warum also nicht auch eine solche verwenden?

Hm aber das sind ja gar keine absolut positionierten Elemente!?

Aber das mit der Liste werde ich ausprobieren.

[DiBo33]

Hm aber das sind ja gar keine absolut positionierten Elemente!?

Ja eben, desshalb darfst du ja auch float nutzen.

Ah jetzt hab ich es verstanden!

display: positionierte Elemente
float: nicht positionierte Elemente

[DiBo33]

Ah jetzt hab ich es verstanden!

display: positionierte Elemente
float: nicht positionierte Elemente

Fast:
display: positionierte Elemente (und alle anderen)
float: nicht positionierte Elemente

was sind den alle anderen ?

[DiBo33]

was sind den alle anderen ?

die nicht positionierte Elemente

ah ok, denkfehler von mir gerade, sorry