Antworten zum Thema „<form>“

[AukeArts]

Guten Tag zusammen,
ich habe mal wieder ein kleines Problem. Ich möchte eine Suchleiste einbauen...soweit klappt das auch und das verändern der Größe etc. mit CSS kriege ich auch hin, jedoch habe ich mit dem submit Button ein kleines Problem. Ich habe es mit einem Bild gestauscht...jedoch zentriert es sich nicht.
Mit CSS komme ich im Moment auch nicht wirklich weiter.

So sieht es bisher aus.

http://www.abload.de/img/searchbardkai.jpg

Wie kriege ich das hin ?

Hier der Code, auch wenn er nicht so relevant ist.

<form name="search">
<input type="text" class="textfeld">
<input type="image" src="template/searchbar/search_lupe.png" class="button">
</form>

.textfeld {
    height:24px;
    -moz-border-radius:7px;
    margin-left:25px;
    }

 

[sokie]

AW: <form>

am einfachsten ist das ganze mal uploaden und ein link zu der Sache.
So wie es ist, gibt es keine Möglichkeit etwas dazu zu sagen (beim css weiss man nicht, ob irgendetwas resettet ist, beim der inputgrafik weiss man nicht wie gross diese ist... die formatierung des .textfeld hilft allein irgendwie gar nicht weiter.)
wenn das input(textfeld) 24px hoch ist, und die Grafik passend dazu ist, und etwaige margins paddings etc resettet sind, sollte sich das problem nicht ergeben.
(btw.: ich würde die searchboxfeldoptik im Hüllelement form als Hintergrund setzen und die inputs mittels margins darin anordnen - dann kannst du die -moz-webkit-bla-border-radien vergessen, und es sieht auch in IEs gleich aus.)

 

[kleeaar]

AW: <form>

schiebs doch einfach mit margin-top um die gewissen pixel nach unten...
Dann ist es vertical zentriert!

Grüße

 

[sokie]

AW: <form>

"...vertical margins will not have any effect on non-replaced inline elements."

vertikale margins haben keinen effekt bei inline Elementen.

 

[AukeArts]

AW: <form>

Okay, dann uploade ich das ganze mal.

Gleich kommt Frau Edith vorbei...

...und da ist die Edith.

 

[kleeaar]

AW: <form>

Zitat:
Zitat von W3C
"...vertical margins will not have any effect on non-replaced inline elements."
vertikale margins haben keinen effekt bei inline Elementen.

ok, aber in diesem Falls müsste dann ja vertical-align:middle; seinen zweck erfüllen...

Grüße

 

[AukeArts]

AW: <form>

Das war´s.

Vielen Dank euch beiden und einen schönen Abend noch.

Mit freundlichen Grüßen,
AukeArts