xxlmaxl: 3 Bilder und Text anordnen

Beitrag lesen

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,

habe einen zweiten Versuch gestartet, 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; float:left;">TEXT</div>
<div style="display:inline; float:right;">
<img border="0" src="../e33_2.gif" width="28" height="25">
</div>
</div>

Nun bekomme ich alles auf eine Zeile, aber der TEXT sollte noch zentriert werden. Wie kann man das machen?

Vielen Dank im voraus für Eure Antworten!

Holger