✔ Runde Ecken bei einem Input

[Kalma]

Hi,

ich versuche momentan, ein Textinput (/Textarea) und Submit Buttons mit Runden ecken Dargestellt zu bekommen.


Dazu habe ich die linke Seite abgeschnitten und die rechte ebenfalls.
Diese dann als Image abgespeichert.

Dann will ich folgendes machen:

<img src="links.png" />
<input type="text" name="test" />
<img src="rechts.png" />


Was allerdings nicht klappt, denn das Input in der Mitte wird immer nach unten geschoben und hängt 15px drunter.
Allerdings alles in einer Reihe.


Könnt ihr mir helfen?
Das ganze soll 24px hoch sein.


DAnke im Vorraus
David

 

[Warper]

Hast du bei dem input mal den margin manuell auf 0 gesetzt?

<input type="text" name="test" style="margin: 0;" />

 

[Kalma]

yes, hab ich!

 

[Warper]

Input und Grafiken sind beide gleich hoch, haben keinerlei border, margin oder padding und sind float: left und display: block?

Grüße,
Steffen

 

[Kalma]

Aaach verdammt, dass war es also!!


Gibt es bei dieser Methode irgendwelche Kompatiblitätsprobleme beim IE6 z.B.?



Vielen Dank schonmal für deine Hilfe!

 

[Kalma]

hi,

Hier oben rechts herrscht immer noch das Problem:
http://guerilla.ifloegel.de/

Das Hintergrundbild dieser "Statusbox" wird unterbrochen.
Die buttons hängen dazwischen und werden nicht korrekt angzeigt.

Hoffe ihr könnt mir helfen?

 

[Warper]

Hm... würde ich ja gerne. Aber durch diesen YAML CSS quellcode blickt ja kein normalsterblicher durch. Wo wird denn das CSS für die Box definiert?

Grüße,
Steffen

 

[Kalma]

Ups, Verzeihung.

Hier sind die CSS Dateien für die Forms:
http://guerilla.ifloegel.de/templates/standard/css/screen/forms.css

 

[Warper]

Probier mal ein overflow: hidden; in content.

Grüße,
Steffen

 

[Kalma]

Wo genau meinst du in Content?

In der content.css?

Hab ich mal gemacht, hat sich allerdings nichts geändert!