Anzeige von Bildern abhängig von Fenstergröße

[Baal]

Hallo,

ich habe ein xsl, in dem ich ca. 7 oder 8 Buttons anzeigen will.
Diese Buttons sollen
a) mit der Fenstergröße skalieren (je größer das Fenster, desto größer der Button)
b) sich je nach Fensterform anders anordnen:
wenn ich das Fenster breit mache, sollen alle nebeneinander sein:
xxxxxxxx

wenn ich das fenster schmal und hoch mache, soll alles untereinander sein:
x
x
x
x

und wenn es ein Zwischenformat hat, sollen sich die Buttons quadratisch anordnen:
xxx
xxx
xx

zu a): Ich kann mit width="12%" die Buttons abhängig von der Breite skalieren lassen, setze ich aber zusätzlich ein height="12%" dazu, ändert sich nix. Die Größe ist immer noch nur von der Breite abhängig...

zu b) da ich sie skalieren lasse, werden sie immer schmaler mit abnehmender fensterbreite. Dadurch bleiben bei minimaler Fensterbreite immer drei nebeneinander stehen - niemals nur einer. Kann man vielleicht eine minimale Größe angeben, unter die es nicht skalieren darf ? dann würde es vermutlich funktionieren.

?

Danke und Gruß,
Baal

[Baal]

Ich hänge mal einen Auszug meines momentanen Codes an:

<a title="irgendeintitle" href="irgendeinhrefhalt">
<img width="25%" height="25%" id="bild1" title="irgendeintitle" alt="" src="irgendein.gif" align="texttop"/>
</a>
<a title="irgendeintitle" href="irgendeinhrefhalt">
<img width="25%" height="25%" id="bild2" onMouseOver="gifOn(this)" onMouseOut="gifOff(this)" title="irgendeintitle" alt="" src="irgendein.gif" align="texttop"/>
</a>
<a title="irgendeintitle" href="irgendeinhrefhalt">
<img width="25%" height="25%" id="bild3" title="irgendeintitle" alt="" src="irgendein.gif" align="texttop"/>
</a>
<a title="irgendeintitle" href="irgendeinhrefhalt">
<img width="25%" height="25%" id="bild4" title="irgendeintitle" alt="" src="irgendein.gif" align="texttop"/>
</a>