Rundes Eingabefeld

[neuni]

Hi,
ihr kennt doch bestimmt die Eingabefelder die man mit <input type="text"> erzeugt.
Das is ja jetzt immer eckig. Kann man das irgendwie rund bekommen? Also abgerundete Ecken meine ich.

Danke schonmal für eure Antworten!

 

[MCIglo]

Die Felder selbst nicht, aber du könntest das vlt. mit Hilfe von Bildchen so aussehen lassen.

 

[Gumbo]

Ab CSS3 wird es möglich sein, die Grenzen abgerundet darzustellen.
Bis die gängigsten Browser dies jedoch interpretieren wirst du wohl auf die Mozilla-Pseudo-CSS-Eigenschaft -moz-border-radius bzw. eine Lösung durch Hintergrundgrafiken zurückgreifen müssen.

 

[neuni]

Wie könnte man das den mit Grafiken machen? Weil ich müsste ja irgendwie die Grafik über das Eingabefeld legen!

 

[MCIglo]

Nein. einen Halbkreis links vom Feld und einen rechts.
([_____])
In etwa

 

[Julian Maicher]

Naja, ob man das so hinbekommt, dass es gut aussieht bezweifel ich stark.
Ich würde, wenn überhaupt, ein Bild komplett in den Hintergrund des Input-Feldes legen und den Abstand nach Rechts und Links jeweils ein wenig höher machen, da du sonst in der Rundung schreiben könntest, was sehr unschön ist.

 

[neuni]

Gut, aber wie bekomme ich das Bild hinter das EIngabefeld? Man könnte das ja mit nem div machen, aber dann müsste man top und left angeben und meine Seite wäre nicht mehr mittig

 

[chpa]

Da könntest du zum Beispiel ein <TD> Tag nehmen und da ein Hintergrundbild einfügen.

 

[Budman]

Oder einfach nur dem input ein background-image per CSS verpassen.

<input style="background-image:url(...);" ...>

Mit margin bzw padding bekommst Du auch noch die richtige Position hin!

Gruss

 

[neuni]

Oder einfach nur dem input ein background-image per CSS verpassen.

<input style="background-image:url(...);" ...>

Mit margin bzw padding bekommst Du auch noch die richtige Position hin!

Gruss

Dann ist die Grafik aber in dem eckigen Edit drinne :-/