nicht angemeldet
Hallo,
ein kleines "sportliches" Problem, für das ich vielleicht einfach zu dumm bin.
Ich habe 3 Buttons, die dynamisch in der Breite kleiner werden dürfen, falls das Browserfenster nicht mehr hergibt. Soweit die Designtheorie.
Mit CSS bring ich es einfach nicht hin. Resultat ist trotz aller Versuche mit Imgs, Divs, Inline-Elementen, Overflows und Max-Widths immer dasselbe: Die 3 Buttons sind nebeneinander und umbrechen, wenn der Platz nicht da ist.
Anbei der Code mit den "guten, alten" Tabellen, der genau das bewirkt, was ich will. Ich lasse es einfach mal so, aber ich würde diesen Knoten gerne lösen, um vielleicht doch dazuzulernen oder gerne die Bestätigung haben, das CSS nach 10 Jahren Entwicklung immer noch ... naja, irgendwie genial und irgendwie immer noch sch... Lücken hat.
viel Spaß beim Tüfteln und danke für alle Tipps, Tricks und Gedankenanstöße
Sven
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td style="background-image: url(/pics/titel/home-leistungen.jpg); height: 124px"><a href="/leistungen.shtml"><img src="/pics/spacer.gif" width="100%" height="100%" border="0"></a></td>
<td style="background-image: url(/pics/titel/home-service.jpg); height: 124px"><a href="/service.shtml"><img src="/pics/spacer.gif" width="100%" height="100%" border="0"></a></td>
<td style="background-image: url(/pics/titel/home-kontakt.jpg); height: 124px"><a href="/kontakt.shtml"><img src="/pics/spacer.gif" width="100%" height="100%" border="0"></a></td>
</tr></table>
Struppi