http://img401.imageshack.us/i/91117911.jpg/
Jezeli obniże padding-left to wszystko jest oki ...
http://img534.imageshack.us/i/73811127.jpg/
I moje pytanie brzmi jak wyśrodkować napis aby było tak jak na 2 obrazku .
Kod:
Kod
/* Logowanie */
.panel-logowanie { float: left; width: 223px; padding-left: 25px; }
.panel-logowanie-lewa { float: left; width: 175px; }
.panel-logowanie-prawa { float: left; width: 48px; }
#user {
background-image: url(images/logowanie/unser.gif);
width: 175px;
height: 34px;
border: 0px;
font-size: 10px;
font-family: Tahoma;
font-weight: bold;
padding-left: 75px;
padding-top: 3px;
overflow: hidden
}
#pass {
background-image: url(images/logowanie/pass.gif);
width: 175px;
height: 34px;
border: 0px;
font-size: 10px;
font-family: Tahoma;
font-weight: bold;
padding-left: 75px;
padding-top: 3px;
overflow: hidden
}
#ok {
background-image: url(images/logowanie/ok.gif);
width: 48px;
height: 50px;
border: 0px;
}
<div class="panel-logowanie">
<form method="post" name="login" action="checklogin.php">
<div class="panel-logowanie-lewa">
<input name="ws_user" type="text" value="Użytkownik" id="user" maxLength="30" />
<input name="pwd" type="password" value="Password" id="pass" maxLength="30" />
</div>
<div class="panel-logowanie-Prawa">
<input type="submit" name="submit" value="" id="ok" />
<a href="index.php?site=register"><img src="images/logowanie/r.gif" width="48" height="20" style="display: block;" alt="Zarejestruj sie" title="Zarejestruj sie"></a>
</div>
</form>
</div>
.panel-logowanie { float: left; width: 223px; padding-left: 25px; }
.panel-logowanie-lewa { float: left; width: 175px; }
.panel-logowanie-prawa { float: left; width: 48px; }
#user {
background-image: url(images/logowanie/unser.gif);
width: 175px;
height: 34px;
border: 0px;
font-size: 10px;
font-family: Tahoma;
font-weight: bold;
padding-left: 75px;
padding-top: 3px;
overflow: hidden
}
#pass {
background-image: url(images/logowanie/pass.gif);
width: 175px;
height: 34px;
border: 0px;
font-size: 10px;
font-family: Tahoma;
font-weight: bold;
padding-left: 75px;
padding-top: 3px;
overflow: hidden
}
#ok {
background-image: url(images/logowanie/ok.gif);
width: 48px;
height: 50px;
border: 0px;
}
<div class="panel-logowanie">
<form method="post" name="login" action="checklogin.php">
<div class="panel-logowanie-lewa">
<input name="ws_user" type="text" value="Użytkownik" id="user" maxLength="30" />
<input name="pwd" type="password" value="Password" id="pass" maxLength="30" />
</div>
<div class="panel-logowanie-Prawa">
<input type="submit" name="submit" value="" id="ok" />
<a href="index.php?site=register"><img src="images/logowanie/r.gif" width="48" height="20" style="display: block;" alt="Zarejestruj sie" title="Zarejestruj sie"></a>
</div>
</form>
</div>