[HTML][CSS] Problem z divami i inputem Opcje

[Elber]

Witam, chcę osiągnąć taki efekt końcowy:



Ale niestety coś mi nie wychodzi ...



To mój HTML

[HTML] pobierz, plaintext 
<div class="belka_gora">
<div class="lewa_gora"></div>
 
<font style="padding-right:62px;">o nas | kontakt | raty | <a style="color:#01bcde; text-decoration:none;" href="">regulamin</a> | transport | mapa sklepu</font>
 
<div class="szukajka">
 
<form name="advanced_search_box" action="advanced_search_result.php" method="get">
<input type="hidden" name="inc_subcat" value="1"><input type="hidden" name="search_in_description" value="1"><input type="text" name="keywords"  style="width:169px;" maxlength="40">
<input type="image" src="images/szukaj.png" style="border: 0px" alt="Szukaj" title=" Szukaj ">
</form>
 
</div>
 
 
<div class="prawa_gora"></div>
 
</div>
[HTML] pobierz, plaintext 

A to CSS:

[HTML] pobierz, plaintext 
div.belka_gora{
margin: 0 auto;
background: url("images/srodek_gora.png") repeat-x;
height:46px;
padding-bottom:5px;
text-align: right;
line-height: 32px;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
 
div.szukajka{
float:left;
position:relative;
}
div.lewa_gora{
float:left;
background: url("images/lewa_gora.png") no-repeat;
width: 47px;
height:46px;
}
 
div.prawa_gora{
float:right;
background: url("images/prawa_gora.png") no-repeat;
width:10px;
height:46px;
}
[HTML] pobierz, plaintext 

Form tudzież input nie chce za bardzo utrzymać się na swoim miejscu i przechodzi pod spód tak jak to widać na załączonym obrazku ... Jak to zrobić aby było dobrze ?

[Tajgeer]

W kodzie HTML przesuń całego diva z klasą szukajka przed taga font (czyli zaraz za diva o klasie lewa_gora).

[HTML] pobierz, plaintext 
<div class="belka_gora">
<div class="lewa_gora"></div>
 
<div class="szukajka">
 
<form name="advanced_search_box" action="advanced_search_result.php" method="get">
<input type="hidden" name="inc_subcat" value="1"><input type="hidden" name="search_in_description" value="1"><input type="text" name="keywords"  style="width:169px;" maxlength="40">
<input type="image" src="images/szukaj.png" style="border: 0px" alt="Szukaj" title=" Szukaj ">
</form>
 
</div>
 
<font style="padding-right:62px;">o nas | kontakt | raty | <a style="color:#01bcde; text-decoration:none;" href="">regulamin</a> | transport | mapa sklepu</font>
 
 
<div class="prawa_gora"></div>
 
</div>
[HTML] pobierz, plaintext 

Ten post edytował Tajgeer 25.01.2011, 21:08:24

[Elber]

Próbowałem już prędzej Efekt taki:



Nikt nie ma pomysłu jak to naprawić ?

Bardzo proszę o pomoc...

[Damonsson]

Utwórz nowy czysty plik html i wklej do niego tylko to co tutaj pokazałeś...powinno być ok, więc może jakieś inne style psują Ci zabawę.