3
Input Feld und Bild vertikal ausrichten
Input Feld soll vertikal mit einem Image ausgerichtet werden
Hallo zusammen,
Ich hab ein kleines Problem und auch keine wirkliche Lösung im Netz gefunden, obwohl dies ein durchaus häufiges Problem sein müßte.
In einem DIV soll ein Input Feld mit einem anschliessenden Bild vertikal ausgerichtet werden. Verbindet man beide Elemente wird das Bild immer oben ausgerichtet und das Input Feld unten. Tabelle wäre eine Lösung, will ich aber vermeiden.
Hat jmd eine Idee wie das mit CSS umsetzbar ist.
Beispiel
Hallo zusammen,
Ich hab ein kleines Problem und auch keine wirkliche Lösung im Netz gefunden, obwohl dies ein durchaus häufiges Problem sein müßte.
In einem DIV soll ein Input Feld mit einem anschliessenden Bild vertikal ausgerichtet werden. Verbindet man beide Elemente wird das Bild immer oben ausgerichtet und das Input Feld unten. Tabelle wäre eine Lösung, will ich aber vermeiden.
Hat jmd eine Idee wie das mit CSS umsetzbar ist.
Beispiel
<div class="txt-images">
<input type="text" name="threads_title" value="" size="40" class="input" />
<img src="ico_tip.png" border="0" title="Gib einen Titel für deinen Eintrag an.">
<div >
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 119996
Url: https://administrator.de/contentid/119996
Ausgedruckt am: 22.11.2024 um 22:11 Uhr
3 Kommentare
Neuester Kommentar
Wende mal folgende Property auf das img-Tag an:
http://www.css4you.de/Texteigenschaften/vertical-align.html
Grüße
Max
http://www.css4you.de/Texteigenschaften/vertical-align.html
Grüße
Max
Hallo,
ich wünsch dir jetzt schon viel spaß damit weil die vertikale zentrierung sowas von verbugged ist
Hattte ähnliches zu erledigen mit einem Bild und einem Text,
die Lösung war dann einfach den Text in das Bild zu setzen.
Du könntest auch dein Bild als hintergrund definieren für den div bereich ,
das bild dementsprechend anpassen das es mittig steht.
Alles andere ist so ein gemurkse ......
man möge mich eines besseren belehren.
mfg
ich wünsch dir jetzt schon viel spaß damit weil die vertikale zentrierung sowas von verbugged ist
Hattte ähnliches zu erledigen mit einem Bild und einem Text,
die Lösung war dann einfach den Text in das Bild zu setzen.
Du könntest auch dein Bild als hintergrund definieren für den div bereich ,
das bild dementsprechend anpassen das es mittig steht.
Alles andere ist so ein gemurkse ......
man möge mich eines besseren belehren.
mfg
die Ausrichtung funktioniert, nur wird das Image nicht im Span gehalten und ist trotzdem oben...
als BG ist zwar in Ordnung, erfüllt dann aber nicht mehr seinen Zweck, das Image soll auch gleich als Tooltip herhalten. Wenn man ein Bild verwendet das kleiner ist als das Input Feld, dann gehts gerade so... aber ich wollte es gleich gross haben....
als BG ist zwar in Ordnung, erfüllt dann aber nicht mehr seinen Zweck, das Image soll auch gleich als Tooltip herhalten. Wenn man ein Bild verwendet das kleiner ist als das Input Feld, dann gehts gerade so... aber ich wollte es gleich gross haben....
