отново въпрос за Imput полетата

[vitorio94]

	<div id="headmenu">
	<div id="user"><img src="img/up1.gif" alt="Моля попълнете USER полето"/></div>
	<div id="pole1"><input type="text" size=19 maxlength=255 name="username" /></div>
	<div id="pass"><img src="img/pp1.gif" alt="Моля попълнете PASSWORD полето"/></div>
	<div id="pole2"><input type="password" size=19 maxlength=255 name="password" /></div>
	<input id="login" type="submit" name="login" value="Влез"> 
	</div>

Това ми е индекс файла

#headmenu 
{
 width: 100%;
 height: 35px;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 100;
 background-color: #000;
 text-align: center;
 font-size: 15px;
 }
#user
{
 position:absolute;
 top:0px;
 left:6px;
}
#pole1
{
 position:absolute;
 top:7px;
 left:45px;
}

input
{
 width:139px;
 height:21px;
 border: solid 1px #fff;
 background:none;

}
#pass
{
 position:absolute;
 top: 0Spx;
 left:200px;
}
#pole2
{
 position:absolute;
 top:7px;
 left:232px;
}
#login
{
 
}

а това CSS a

как да сложа на логин бутона мой стил смисъл да заместя самия бутон с 1 картинка Благодаря ви предварително

 

[oveRLuckEd]

input .login {
background-image: url(pytq do kartinkata);
}
<input id="login" class="login" type="submit" name="login" value="Влез">
пробвай така

 

[hisar]

Html си остава същия ето ти css-а:

#headmenu 
{ 
 width: 100%; 
 height: 35px; 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 z-index: 100; 
 background-color: #000; 
 text-align: center; 
 font-size: 15px; 
 } 
#user 
{ 
 position:absolute; 
 top:0px; 
 left:6px; 
} 
#pole1 
{ 
 position:absolute; 
 top:7px; 
 left:45px; 
} 

input 
{ 
 width:139px; 
 height:21px; 
 border: solid 1px #fff; 
 background:none; 

} 
#pass 
{ 
 position:absolute; 
 top: 0Spx; 
 left:200px; 
} 
#pole2 
{ 
 position:absolute; 
 top:7px; 
 left:232px; 
} 
#login 
{ 
 background: url('img/snimka.png') no-repeat;
 width: 20px;
 height: 20px;
}

 

[vitorio94]

добре с това се оправих донякъде как да махна рамката на imput

 

[nom3r1]

 #headmenu
{
 width: 100%;
 height: 35px;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 100;
 background-color: #000;
 text-align: center;
 font-size: 15px;
 }
#user
{
 position:absolute;
 top:0px;
 left:6px;
}
#pole1
{
 position:absolute;
 top:7px;
 left:45px;
}

input
{
 width:139px;
 height:21px;
 background:none;

}
#pass
{
 position:absolute;
 top: 0Spx;
 left:200px;
}
#pole2
{
 position:absolute;
 top:7px;
 left:232px;
}
#login
{
 background: url('img/snimka.png') no-repeat;
 width: 20px;
 height: 20px;
}

 

[hisar]

ами просто пишеш тоя css в #login:

#login {
 border: 0px;
}

или парвиш border: none; едно и също е :?:

 

[vitorio94]

мерси как да го позиционирам сега

#login
{
background-image: url(../img/login.gif);
width:36px;
height:39px;
position: absolute;
top: 33;
left: 3;
}

така не мърда

 

[hisar]

Вместо абсолютно позициониране използвайн margin и padding

 

[oveRLuckEd]

мерси как да го позиционирам сега

#login
{
background-image: url(../img/login.gif);
width:36px;
height:39px;
position: absolute;
top: 33;
left: 3;
}

така не мърда

#login
{
background-image: url(../img/login.gif);
width:36px;
height:39px;
margin: 0px;
padding: 0px;
top: 33;
left: 3;
}

 

[vitorio94]

така сичко се прецаква горната лента ми бяга на долу остават бели полета няма ли друг начин ?

 

[oveRLuckEd]

	 #login 
{ 
background-image: url(../img/login.gif); 
width:36px; 
height:39px; 
margin: 0px; 
padding: 0px; 
}

 

[vitorio94]

Благодарямного давам ти +1