[css] pozycjonowanie szukajki,elementu Opcje

[gigzorr]

witam.
mam taki problem , po zalogowaniu szukajka idzie w dol.
http://graczepolscy.pl przed zalogowaniem jest ok.
element który odpowiada za to , ze idzie w dol , udalo mi sie ustalic , ze to ten :

[HTML] pobierz, plaintext 
<span style='color:red;font-family:Arial;font-size:11px;text-decoration:blink;floaT:left;margin-left:120px;margin-top:-88px;'>(%s)</span>
[HTML] pobierz, plaintext 

a tutaj od szukajki:

[HTML] pobierz, plaintext 
.szukajka {margin-top: -80px;
           margin-left: 670px;
           clear: both;
 
}
[HTML] pobierz, plaintext 

probowalem wszystkiego , displaya,floatow obydwu,relatywnego,absolutnego pozycjonowania,marginesow , za cholere nie moge w gore tego dac , ale jak usune to:

[HTML] pobierz, plaintext 
<span style='color:red;font-family:Arial;font-size:11px;text-decoration:blink;floaT:left;margin-left:120px;margin-top:-88px;'>(%s)</span>
[HTML] pobierz, plaintext 

to szukajka niby jest ok.

jeszcze szukajka:

[PHP] pobierz, plaintext 
<div style="margin-left:auto;margin-right:auto;margin:auto;clear:both;">
            <div class="szukajka">
                   <form id="geo" action="#" onsubmit="">
                       <p><strong style="font-size: 10px;font-family: Verdana;color: white;">szukajka</strong>
	<br />
	<input type="text" class="inpucik" style="width: 155px; height: 10px;font-size: 10px; font-family: verdana; padding: 3px;" id="szukanyAdres" value="wpisz miasto" />
	<br/>
	<select class="inpucik" style="width: 162px; height: 20px; color: #898989; font-size:10px; font-family: Verdana; padding: 3px;" onchange="document.getElementById('szukanyAdres').value=this.options[this.selectedIndex].value">
		<option selected="selected">wybierz z listy</option>
		<option value="Szczecin, Wojska Polskiego 53">Szczecin, Wojska Polskiego 53</option>
		<option value="Szczecin, Niepodległości 20">Szczecin, Niepodległości 20</option>
		<option value="Szczecin, plac Grunwaldzki">Szczecin, plac Grunwaldzki</option>
		<option value="Warszawa, Ujazdowskie 15">Warszawa, Ujazdowskie 15</option>
		<option value="Berlin, Prenzlauer Berg">Berlin, Prenzlauer Berg</option>
		<option value="Mierzyn (policki)">Mierzyn (policki)</option>
	</select>
	<br /><input type="submit" value="Pokaż na mapie" class="button_szukajki" /></p>
                   </form>
            </div>
        </div>
[PHP] pobierz, plaintext 

ps. gdy uzyje do wypozycjonowania tego:

[PHP] pobierz, plaintext 
<span style='color:red;font-family:Arial;font-size:11px;text-decoration:blink;floaT:left;margin-left:120px;margin-top:-88px;'>(%s)</span
[PHP] pobierz, plaintext 

np. pozycji relatywnej czy tam absolutnej , to szukajka jest tak jak powinna , ale pod innymi rozdzielczoscami ten element wyswietlajacy jest kazdym innym miejscu , wiec musza byc marginesy.



tak to wyglada po zalogowaniu:
(IMG:http://img202.imageshack.us/img202/5462/35567038.jpg)



ps. tylko na firefoxie,ie idzie w dol po zalogowaniu!

Ten post edytował gigzorr 24.08.2010, 09:06:31

[askone]

Hej

Za zmianę położenia bloku wyszukiwarki rzeczywiście odpowiedzialny jest span... Wydaje mi się, iż źle podszedłeś do jego umieszczenia w kodzie. Spróbuj tak:

[HTML] pobierz, plaintext 
<a href="prywatne-wiadomosci" class="xx" style="font-size: 10px; width: 115px; float: left; margin-top: 13px; font-family: Arial; text-decoration: none; color: white;">Prywatne wiadomości<span style="color: red; font-family: Arial; font-size: 11px; text-decoration: blink;">(2)</span></a>
[HTML] pobierz, plaintext 

Zmiany:

• zmiana położenia elementu <span>
• zmiana styli elementu span

Pozdrawiam

ps. Pomyśl o zmianie podejścia do pozycjonowania elementów na stronie - szczególnie bloku z linkami - dlaczego absolute??

[gigzorr]

Na cholere ja to includowalem to nie wiem , poszedlem twoim tropem i po wielu próbach sie udało (IMG:style_emoticons/default/smile.gif)