Hallo,
mit Eurer Hilfe habe ich die buttons nebeneinander positionieren können.
Was mir noch nicht gelingt, ist die Ausrichtung des rechten Buttons am rechten Rand des div.
Vielleicht noch ein kleiner Tipp für das korrekte Attribut?
Hier das Testbeispiel:
<html>
<head>
<title>Buttons</title>
<style type="text/css">
<!--
div {width:300px; border: 1px dashed black; }
form {margin:0; border: 1px dotted red; }
button {padding:0; border: 1px dashed green; }
form.gl, form.gr {display:inline-block;}
form.gr button {margin-right:0; padding-right:0;}
-->
</style>
</head>
<body>
<div>
<form class="gl" action="http://example.com/t1.pl" method="post">
<button type="submit">
<img src="http://example.com/t1.jpg">
</button>
<input type="hidden" name="a1">
</form>
<form class="gr" action="http://example.com/t2.pl" method="post">
<button type="submit">
<img src="http://example.com/t2.jpg">
</button>
<input type="hidden" name="a2">
</form>
</div>
</body>
</html>
Auch mit "right:0" bzw. "postion:absolute; right:0;" hat es nicht funktioniert.