✔ bilder nebeneinander text oben dynamisch

[darkmana]

Hallo,
irgendwie blicke ich es nicht.
Möchte 2 bilder nebeneinander mit text über dem Bild in einem dynamischen Container
einbinden. siehe bsp.Page in Tabelle ohne Div container.
http://www.thailovely.de/test/

allerdings sollte es ohne tabelle laufen, bekomme es bisher nur so hin, bilder untereinander.Dynamisch anpassung an Browserfenster ok!
http://www.thailovely.de/test/test1.htm

Benötige aber ein Layout mit Bildern nebeneinander, mit text oben oder unter dem Bild.
2 Bilder nebeneinander bei Dynamischer Anpassung an die Browserfenster groesse.

Danke für Eure Tipps!

Gruss Stephan

 

[Maik]

Hi,

so sieht mein Vorschlag aus:

#inhalt ul  {
margin:0;
padding:0;
list-style:none;
width:400px;
}

#inhalt ul li {
float:left;
width:200px;
}

<ul>
    <li><p>Stadtplan Pforzheim</p><img src="bilder/map/city_small.gif" width="15%"></li>
    <li><p>Anfahrt A8 PF West</p><img src="bilder/map/pf_west.gif" width="15%"></li>
    <li><p>Anfahrt A8 PF Ost</p><img src="bilder/map/pf_ost.gif" width="15%"></li>
    <li><p>Anfahrt A8 PF Nord</p><img src="bilder/map/pf_nord.gif" width="15%"></li>
</ul>

 

[darkmana]

Danke schön Maik!
Das kommt meinen Vorstellungen sehr nahe und hilft mir sehr viel weiter.
Jetzt hab ich einen ansatzpunkt zum weitermachen.

Gruss Stephan


PS: Bin aus interesse auf CSS gekommen und jetzt schlage ich mit schon ganze Nächte um die Ohren. Macht mit Eurem forum zusammen echt Spass!