CSS: Bild - Text Position

Darkxor

Hallo,
wie schaffe ich, dass Bild und Text in einer Reihe sind und das Bild nicht
höher als der Text im Button sind?

HTML

<button style="font-family:Calibri font-size:16pt; padding:auto; border:1px solid #55595D;">
<img src="messagebox_warning.png" width="25px" height="25px"> Login fehlgeschlagen!
</button>

Danke

threadi

Höhe und Breite des Bildes hast Du falsch angegeben. Solange Du diese als HTML-Attribute angibst haben sie keine Einheit wie px (Ausnahme: Prozentangaben).

Du müsstest das Ganze per CSS stylen:

Code

button {font-family:Calibri font-size:16pt; padding:auto; border:1px solid #55595D;}
button img { display: inline;vertical-align: middle;}

Müsste reichen.

sejuma

Code

<button style="height: 30px; width: 200px; font-family:Calibri font-size:16pt; border:1px solid #55595D;">
<img style="float: left;" src="messagebox_warning.png" width="25" height="25" border="0" alt="">
<span style="line-height: 28px;">Login fehlgeschlagen!</span>
</button>

CSS: Bild - Text Position

Tags

Benutzer online in diesem Thema