PuWu
Ich habe folgendes Hintergrundbild für ein Input type=text Feld. Leider ist das nur für eine bestimmte Größe geeignet.
Ich will aber auch nich für jede Größe das Bild jedesmal anpassen müßen. Daher habe ich mir überlegt: Den rechten und linken Rand jeweils 5px abzuschneiden und und einen Teil der mit Mitte auszuschneiden.
Dies soll dann immer bei dem Textfeld zusammen gefügt werden.
Also erst der Linkerand dann die Mitte mit background-repeat:repeat-x und dann der rechte Rand.
Hier ein mal alle drei Teile (man sieht kaum einen Unterschied!!):
und hier mein HTML-Code der nicht funzt:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
|
<style type="text/css">
input {
background: url(/images/bg-login-input-left.gif) top left no-repeat,
url(/images/bg-login-input-center.gif) top 6px repeat-x,
url(/images/bg-login-input-right.gif) top right no-repeat;
}
</style>
Weiß vielleicht jemand wo der Fehler liegt ?
<body bgcolor="green">
<input type="text" value="asdasd" size=1>
</body> |
|
brainnrg
Das was du benutzt ist erst CSS3 Standard und wird von fast keinem Browser im Moment unterstützt.
Mehrere Hintergrundbilder pro Element - Das ist Zukunftsmusik.
Du musst es anders lösen -
Beispiel:
Am Anfang ein Bild mit der Rundung, dann skalierbarer Bereich und am schluss wieder Rundung als Bild.
MFG
