input submit margin problem

stenz · 13 Mai 2010

Hi,
habe ein Problem, nämlich der Submit Button hat irgendwie einen komischen Margin-Top Abstand siehe Bild, auch ohne die CSS-Formatierung hat der Button einen Abstand, wie kann ich das formatieren, sodass der Button und das Feld in gleicher Höhe sind?

PHP:

<html>
         <head>
                 <link rel="stylesheet" href="form.css" type="text/css" />
         </head>
         <body>
                 <form action="#" method="post">
                         <div class="inshadow">
                                 <input class="intext" type="text" />
                                 <input class="inbutton" type="submit" value="Senden" />
                         </div>
                 </form>
         </body>
</html>

Code:

input{
margin:  0 0 0 -4px;}

.intext{
height: 30px;
width: 500px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #999999;
border-right: 0;
font-size: 20px;}

.inbutton{
height: 30px;
width: 80px;
margin-bottom: -2px;
border-top: 1px solid #cccccc;
border-left: 0;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
background-image: url(/images/bg_search.jpg);}

.inshadow{
height: 30px;
width: 585px;
border-bottom: 1px solid #e7e7e7;}

EDIT:
Hab es lösen können hab bei .inbutton einfach position: absolute hinzugefügt!

input submit margin problem

stenz

Mitglied

Neueste Beiträge