[CSS][HTML] Input image i padding/margin Opcje

[colachips]

Witajcie,

Mam taki oto krótki i prosty kod:

[HTML] pobierz, plaintext 
<div class="search">
			<form accept-charset="utf-8" method="post" action="/businessinsurance/">				Szukaj <input type="text" class="search_input" name="search"> <input type="image" class="search_btn" src="/businessinsurance/media/images/search/search_btn.png">			</form>		</div>
[HTML] pobierz, plaintext 

I taki CSS:

[HTML] pobierz, plaintext 
#header .search {
	padding-top: 32px;
	display: block;
	float: right;
}
 
#header .search_input {
	border: 1px solid #bbb;
}
 
#header .search_btn {
	margin-top: 2px; /* przesuwa cały div */
}
[HTML] pobierz, plaintext 

Muszę jednak nieco przesunąć obrazek submita ".search_btn". Niestety czy to padding-top czy margin-top zostaje przesunięty cały div ".search".

Kombinowałem żeby .search_btn miał atrybut float: right - prawie dobrze, ale w IE się wtedy wszystko sypie :/

Będę wdzięczny za pomoc (IMG:style_emoticons/default/smile.gif)

Pozdrawiam!

Ten post edytował colachips 6.06.2011, 08:53:01

[gigzorr]

O taki efekt ci chodzilo?

[PHP] pobierz, plaintext 
<style type="text/css">
#header .search {
	padding-top: 32px;
	display: block;
        float: right;	
}
 
#header .search_input {
	border: 1px solid #bbb;
 
}
 
#header .search_btn {
	margin-top: 22px; /* przesuwa cały div */
 
}
 
.search_btn {margin-left: 30px; margin-top:50px; } // tutaj zmień marginesy.
</style>
 
<div class="search" >
			<form accept-charset="utf-8" method="post" action="/businessinsurance/">				<span style="float:left;">Szukaj</span> <input type="text" style="float:left;" class="search_input" name="search"> <input type="image" style="float:left;" class="search_btn" src="/businessinsurance/media/images/search/search_btn.png">			</form>		</div>
[PHP] pobierz, plaintext 

Ten post edytował gigzorr 6.06.2011, 13:22:26