Wyrównanie szukajki. Opcje

[Shen]

Witam,
Jest to pierwszy mój post więc przepraszam za wszelkie błedy lub pomyłke tematu. Przejdźmy do rzeczy , jakiś czas temu pewna osoba wykonywała dla mnie layout pod phpBB by Przemo , wszystko było fajnie , projekt poszedł do szuflady... Chcąc teraz do niego wrócić mam problem z "szukajką" a dokładnie o położenie 2 elementów



Powinny one być w tej samej lini a jak widać nie są. Skontaktowałem się z wykonawcą lecz on mi tylko powiedział abym sprawdził w pliku overall_header.tpl sprawdziłem ten plik i jedyne miejsce w którym jest coś napisane o "szukajce" to takie :

Kod

<div id="menu-search">
            <form action="search.php" method="POST">
            <input class="post" type="text" name="search_keywords" style="width:150px;height:20px;background:#fff;border:0px;position:relative;margin-top:13px;margin-left:35px;" value="Wpisz szukane słowo..." autocomplete="off" onFocus="Active(this); this.value=''" onBlur="NotActive(this)" /><input class="liteoption" style="width:60px;height:20px;background:url('templates/dance4u/images/search-input.png');border:0px;margin-top:6px;" type="submit" name="submit" value="" />
            </form>
            </div>

Ja sie na tym wszystkim znam tylko troche i próbowałem coś tu zmienić ale nie dałem rady. Jeżeli ktoś widzi co jest nie tak , to prosze o pomoc.

Pozdrawiam Shen

Ten post edytował Shen 26.10.2010, 19:55:31

[kmike]

Nie jest to chyba najszczęśliwsze rozwiązanie, bo wstawiłem inputy do tabelki, ale powinno pomóc.

[HTML] pobierz, plaintext 
<div id="menu-search">
            <form action="search.php" method="POST">
			<table>
			<tr>
            <td><input class="post" type="text" name="search_keywords" style="width:150px;height:20px;background:#fff;border:0px;position:relative;margin-top:13px;margin-left:35px;" value="Wpisz szukane słowo..." autocomplete="off" onFocus="Active(this); this.value=''" onBlur="NotActive(this)" /></td><td><input class="liteoption" style="width:60px;height:20px;background:url('templates/dance4u/images/search-input.png');border:0px;margin-top:6px;" type="submit" name="submit" value="" /></td></tr></table>
            </form>
            </div>
[HTML] pobierz, plaintext 

[Shen]

Niestety nie pomogło... Totalnie zmasakrowało styl...

[kmike]

w takim razie usuń margin-top:6px; z twojego kodu w

[HTML] pobierz, plaintext 
<input class="liteoption" style="width:60px;height:20px;background:url('templates/dance4u/images/search-input.png');border:0px;margin-top:6px;" type="submit" name="submit" value="" />
[HTML] pobierz, plaintext 

[Shen]

Niestety nie pomaga , wydaje mi się że jest to zależność pomiędzy tymi dwoma elementami , bo nie umiem ich kontrolować z osobna...

A czy np byłby ktoś w stanie przekształcić , napisać od nowa tylko tą "szukajke" ? Bo już nie wiem co robić...

Ten post edytował Shen 27.10.2010, 21:34:47

[AdIoS_Neo]

Wyrównana ...

[HTML] pobierz, plaintext 
<div id="menu-search">
	<form action="search.php" method="POST">
		<input class="post" type="text" name="search_keywords" 
		style="width:150px;height:20px;background:#ffffff;border:0px;position:relative;;ma
rgin-left:35px;vertical-align: middle;" 
		value="Wpisz szukane słowo..." autocomplete="off" onFocus="Active(this); this.value=''" 
		onBlur="NotActive(this)"/>
 
		<input class="liteoption" 
		style="width:60px;height:20px;background:transparent url('templates/dance4u/images/search-input.png');border:0px;vertical-align: middle;" 
		type="submit" name="submit" value=""/>
	</form>
</div>
[HTML] pobierz, plaintext 

[Shen]

Wielkie dzięki Tylko teraz nie widze w kodzie gdzie mam zmienić położenie całości na stronie.