Eingabefeld und Suchbutton verschoben

weedo

Erfahrenes Mitglied
Hi,

ich bin mal wieder am verzweifeln...

Ich habe eine kleine Tabelle, mit der ich einen Button durch ein Bild ersetzen will. Ich hab jetzt einiges ausprobiert...Aber grundsätzlich sind die beiden Elemente auf einer unterschiedlichen Höhe.

Ich kann mir gut vorstellen, dass es einfach zu reparieren ist aber ich habe momentan einfach keine Ahnung wie.

Hier mal den Quellcode und darunter ein Bild mit dem Ist- und dem Sollzustand:

HTML:
<body bgcolor="#1C2029">
<table cellsapcing="0" cellpadding="0" width="400" height="32">
  <tr>
    <td>
      <input type="text" name="suche" value="suchtext..." style="background: url('Bilder/search_bg.jpg'); width: 149px; height: 15px;border:none;" /><button style="background: url('Bilder/search_btn.jpg'); width:28px; height: 15px; border: none;"></button>
    </td>
    <td height="100%">
      <img src="Bilder/search_bg.jpg" /><img src="Bilder/search_btn.jpg" />
    </td>
  </tr>
</table>
</body>

Für Hilfe bin ich sehr dankbar.

lg weedo
 

Anhänge

  • Unbenannt-2 Kopie.jpg
    Unbenannt-2 Kopie.jpg
    20,2 KB · Aufrufe: 7
Zurück