3 Bilder und Text anordnen

[xxlmaxl]

Hi,

.e11back1 {background-image: url(../e11.gif); background-repeat: repeat-y; width:17px; height:25px;}
.e33back1 {background-image: url(../e33.gif); background-repeat: repeat-y; width:28px; height:25px;}

<div class="e22back">
<div style="display:inline; text-align:left;" class="e11back1">&nbsp;</div>
Du kannst keinem inline-Element eine Breite zuweisen.
Was z.B. ginge: beide Randgrafiken als img einzubinden und floaten zu lassen.

freundliche Grüße
Ingo

Hallo,

hab ich soeben probiert. Hier der Code:

<div class="e22back">
<div style="display:inline; float:left;">
<img border="0" src="../e11_2.gif" width="17" height="25">
</div>
<div style="display:inline; margin:2px; text-align:center;">TEXT</div>
<div style="display:inline; float:right;">
<img border="0" src="../e33_2.gif" width="28" height="25">
</div>
</div>

Dabei geht das rechte Bild unter den Text. Siehe Link!

Danke trotzdem!

Holger