span in td

[Christi]

Hallo zusammen,

ich sitze schon seit Stunden und komme nicht wirklich weiter.
Ich habe eine Tabelle, in der in jeder Zelle ein Hintergrundbild per css zugewiesen ist.
Nun muß ich in einige Zellen ein textfeld integrieren.

<tr>
        <td class="artikel"><span class="anz"><input type="text" size="4" alt="anz" maxlength="4" name="anzahl"></span></td>
</tr>

Es klappt aber nicht. Sinn der übung ist es ,die textfelder genau über den Hintergrund zu schieben also per css mit padding usw anzupassen.

Hat jemand eine Idee?

Viele Grüße
Christian

 

[threadi]

Das span ist unnötig.

<td class="artikel"><input type="text" size="4" alt="anz" maxlength="4" name="anzahl" class="anzahl"></td>

td {
 background-image: url(bild.png);
 background-position: center;
 background-repeat: no-repeat;
 padding: 0;
}

td input.anzahl {
 display: block;
 margin: 0 auto;
 width: 100px;
}

In letzterem Abschnitt kannst Du dann die Breite und ggfs. auch Höhe so anpassen, dass das Feld mittels margin direkt über der Hintergrundgrafik liegt.

Wenn Du allerdings nur dem input-Feld selbst einen Hintergrund geben willst, würde ich nicht den Tabellenzellen dieses Hintergrundbild geben sondern direkt dem input-Feld.