joe67
Cadet 4th Year
- Registriert
- Jan. 2007
- Beiträge
- 96
Hallo,
ich möchte Thumbnails einer Bildergalerie auf meiner Homepage darstellen und seit Tagen probiere ich rum wie ich folgendes erreichen kann:
Folgenden Code habe ich ausgetüftelt:
In Opera, Firefox und Chrome sieht das Ergebnis wie gewünscht aus (siehe angehängte Grafik). Nur der InternetExplorer listet alle Thumbnails untereinander auf.
Wie gesagt, ich tüftel seit Tagen rum und bekomme keine alternative Lösung hin, die genau dieses Ergebnis in allen Browsern liefert. Hat jemand einen Vorschlag?
j o e
ich möchte Thumbnails einer Bildergalerie auf meiner Homepage darstellen und seit Tagen probiere ich rum wie ich folgendes erreichen kann:
- Die Anzahl der Thumbnails, die in derselben Zeile dargestellt werden, soll abhängig von der Fensterbreite des Browsers variieren
- Die Thumbnails sollen in der Zeile zentriert dargestellt werden
- Jedes Thumbnail ist mit einer Bildunterschrift versehen
Folgenden Code habe ich ausgetüftelt:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div style="display: table; text-align: center;">
<div style="display: inline-block;">
<img src="pic.png" alt="Bild" > <br>
Text <br>
</div>
<div style="display: inline-block;">
<img src="pic.png" alt="Bild" > <br>
Text <br>
</div>
<div style="display: inline-block;">
<img src="pic.png" alt="Bild" > <br>
Text <br>
</div>
<div style="display: inline-block;">
<img src="pic.png" alt="Bild" > <br>
Text <br>
</div>
</div>
</body>
</html>
In Opera, Firefox und Chrome sieht das Ergebnis wie gewünscht aus (siehe angehängte Grafik). Nur der InternetExplorer listet alle Thumbnails untereinander auf.
Wie gesagt, ich tüftel seit Tagen rum und bekomme keine alternative Lösung hin, die genau dieses Ergebnis in allen Browsern liefert. Hat jemand einen Vorschlag?
j o e
Anhänge
Zuletzt bearbeitet: