Image neben Input

[silver]

Servus!

Ich google schon seit ner Stunde auf diversen Seiten(auch diese) rum, find aber keine Lösung für diese einfache Frage.

Kurz:
Ich habe ein input. Daneben möchte ich ein Bild anzeigen. Das Bild wird bissl höhergestellt dargestellt. Dies möchte ich unterbinden. Es soll mit input auf eine linie sein.

Code ist ganz einfach
[..]
[td]
  <input type="text" class="keyboardInput" id="study">
  <img src ="img/del2.gif" onclick="reset()" />
[/td]
[..]

Hab mit vertical-aligns und paddings, margins experimentiert, aber den gewünschten effekt noch nicht erreicht.

Lösung1: Noch eine Tabelle machen und in zellen nebeneinander reinhauen.
-> Im Prinzip auch verwendbar, bin mir aber sicher dass es eleganter, einfacher geht.

Stimmts?

Danke im Voraus!

[Gunnar Bittersmann]

Hello out there!

<img src ="img/del2.gif" onclick="reset()" />

Der Alternativtext 'alt'-Attribut fehlt. Die Seite soll doch auch bei Nutzern ohne Bildanzeige funktionieren, oder?

Und die Seite soll doch auch bei Nutzern ohne JavaScript funktionieren, oder?

Lösung1: Noch eine Tabelle machen und in zellen nebeneinander reinhauen.
-> Im Prinzip auch verwendbar,

Aua.

bin mir aber sicher dass es eleganter, einfacher geht.

relative Positionierung

Stimmts?

Stimmt.

See ya up the road,
Gunnar

[silver]

Danke vielmals für Antworten!

Das erstere hatte ich schon probiert. Gunnar, dein Hinweis war Goldrichtig. Mit position:relative und vertical-align:bottom; hat sich das Bild nach unten zwingen lassen. Genau danach habe ich gesucht.

Danke auch für Hinweise wegen Alt-Text und JS, aber es ist für ein Kiosk-Terminal, also sage ich, was aktiviert oder deaktiviert ist :-)

ciao!
silver

[Engin]

Hi silver,

Code ist ganz einfach
[..]
[td]
  <input type="text" class="keyboardInput" id="study">
  <img src ="img/del2.gif" onclick="reset()" />
[/td]
[..]

Hab mit vertical-aligns und paddings, margins experimentiert, aber den gewünschten effekt noch nicht erreicht.

Hast du Margins und Paddings direkt auf das Bild angewendet oder nur für den
gesamten td inhalt?

Du könntest ja probieren, das img direkt anzusprechen,

  
<img src ="img/del2.gif" onclick="reset()" style="margin:xy;padding:xy;" />  

und wenn´s funktioniert die angaben ins CSS auslagern.

Grüße,
Engin
 GYRO