Mijn inlogbalk op mijn site ziet er scheefjes uit...
WEBSITE LINK: http://goo.gl/jCB3E
heb een printscreen gemaakt kijk maar:
Link: http://i49.tinypic.com/avnf5w.jpg
Wie weet hoe dit komt? heb me php +css code hieronder geplaatst:
PHP:

Code:

             <div class="inlog-panel">
                                 <form action="" method="post">
                     <input type="text" class="input-login" value="Gebruikersnaam..." name="naam" onfocus="if(this.value == 'Gebruikersnaam...'){this.value = '';}" onblur="if(this.value == ''){this.value = 'Gebruikersnaam...';}" />
                        <input type="password" class="input-login" value="Wachtwoord..." name="ww" onfocus="if(this.value == 'Wachtwoord...'){this.value = '';}" onblur="if(this.value == ''){this.value = 'Wachtwoord...';}" /> 
                        <input type="submit" class="inp-button inlog-panel" value="" name="HHIsendLogin" />
                        <a href="/aanmelden">Aanmelden</a> | <a href="/wwvergeten">Wachtwoord vergeten?</a>
                    </form>
</div>

CSS:

Code:

.contr-panel {
 height:30px;
 overflow:hidden;
 width:950px;
}
.inlog-panel {
 background:url(bouwen.gif);
 height:25px;
 width:950px;
 float:left;
 color:#ffffff;
 font:normal 11px "Verdana";
 padding-top:4px;
 line-height:24px;
 overflow:hidden;
}
.inlog-panel a {
 font:normal 11px "Myriad Pro";
 line-height:24px;
 color:#999999;
}
.inlog-panel a:hover {
 font:normal 11px "Myriad Pro";
 line-height:24px;
 color:#ffffff;
}
.input-login {
 background:url(inputBox.gif) no-repeat;
 border:none;
 padding:6px;
 width:134px;
 height:30px;
 font:italic 11px "Verdana";
 color:#CCC;
 margin-right:7px;
 float:left;
}
.input-login:focus {
 border:0px solid #fff;
}

Alvast bedankt allemaal...

zou kunnen liggen aan je afbeelding, als je de hoogte verwijderd gaat de tekst direct op de goede plek staan. Je zou de tekst kunnen positioneren.

Ik zou ook even je code opschonen, in iedere div je font benoemen is zeer slordig

Je padding drukt waarschijnlijk de tekst uit het vakje, waardoor hij er scheef uit komt te zien.

Als je padding gebruikt, trek dit dan altijd af van de breedte/hoogte die je hebt ingesteld.

Bijv : een div is 40 pixels hoog, je zet de padding op 10px, dat maakt de div 60 pixels hoog (10 boven en 10 onder komt erbij). Om hem dan alsnog 40 pixels te houden moet je de height verlagen naar 20pixels.

Bedankt allemaal!

Volgens mij is het gelukt. moet et nog met andere computers testen..