Ustawienie tej samej wysokości

pytanie zadane 6 sierpnia 2015 w HTML i CSS przez Wiiiciu Obywatel (1,110 p.)

Kolejny post dzisiaj, jestem początkujący ale jakoś sobie radze z wami :)

No ale do sedna, chodzi mi teraz o wyrównanie wysokości tej lupy do pola na tekst.

Hmm?

http://prntscr.com/81h103

1 odpowiedź

odpowiedź 6 sierpnia 2015 przez Comandeer Guru (607,060 p.)
wybrane 6 sierpnia 2015 przez Wiiiciu

Najlepsza

Jakiej lupy?

komentarz 6 sierpnia 2015 przez Wiiiciu Obywatel (1,110 p.)

haha, zapomniałem http://prntscr.com/81h103

komentarz 6 sierpnia 2015 przez Comandeer Guru (607,060 p.)

Przydałby się kod

komentarz 6 sierpnia 2015 przez Wiiiciu Obywatel (1,110 p.)

<form action="index.php?p=szukaj_gracza" method="post">
<div class="input-group home-ranking-search">
<input name="nick" type="text" class="form-control" placeholder="Wyszukaj gracza...">
<span class="input-group-btn">
<button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
</form>

.home-ranking-search {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
}

reszta normalnie z bootstrapa

komentarz 6 sierpnia 2015 przez Schizohatter Nałogowiec (39,600 p.)

Po prostu ustaw obydwóm taką samą wysokość...?

komentarz 6 sierpnia 2015 przez Comandeer Guru (607,060 p.)

Chyba musiałeś coś skopsać, bo z założenia .input-group-btn z Bootstrapa ma ładnie ustawioną wysokość.

komentarz 6 sierpnia 2015 przez Wiiiciu Obywatel (1,110 p.)

no właśnie tylko że ja nic nie zmieniałem w bootstrapie, ile to powinno mieć? chodzi mi o to żeby ten button z lupą miał taką samą wysokość jak pole do tekstu

komentarz 6 sierpnia 2015 przez Comandeer Guru (607,060 p.)

Prawym przyciskiem myszy pacnij, wybierz "Zbadaj element" i Ci przeglądarka dokładnie powie ile te elementy mają. Możesz nawet na żywca zmieniać style i patrzeć jak to wygląda