Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- [html]W jakiej technice zrobić stronkę? Jestem grafikiem a chce zrobić stronkę....
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- endurocross.keep.pl
telcocafe
Witam.Mam taki kod:
<form id="szukajka" action="index.php" method="post"> <p> <label for="tytul" style="display: none;">Tytuł piosenki:</label> <input class="tbox" type="text" name="tytul" /> <input class="btn" alt="Szukaj piosenki" type="image" name="szukaj" src="./pliki/search.gif" /> <input style="float: none" type="radio" name="serwer" id="cb1" value="1" /> <label for="cb1"> Serwer 1</label> <input style="float: none; margin-left: 30px;" id="cb2" type="radio" name="serwer" value="2" /> <label for="cb2"> Serwer2</label> </p> </form>
i CSS:
form#szukajka input { float: left; border: none; background: transparent; color: #B8B8B8; margin: 0; } form#szukajka .tbox { margin: 5px 0 0 5px; width: 400px; display: inline; color: #000; font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; } form#szukajka .btn{ width: 24px; height: 24px; }
Wygląda to tak:
http://www.krolnet.pl/xxx1.png
Natomiast ja, zamiast
type="image" chce mieć type="submit"
więc odpowiednio zmieniam na
<input class="btn" type="submit" name="szukaj" />
CSS
form#szukajka .btn{ width: 24px; height: 24px; background-image: url("search.gif"); }
i nagle mi sie rozjeżdża, nie wiem dlaczego:
http://www.krolnet.pl/xxx2.png
Użytkownik DJ Mentos edytował ten post 06 kwiecień 2009, 20:54
Za mało wiesz o stylach. Poczytaj jakiś dobry kurs CSS.
Elementy input są wyświetlane liniowo, dlatego nie potrzeba kombinować tutaj z opływaniem. Po prostu zamiast float: none wstaw clear: both i będzie po sprawie, ale zalecałbym to zrobić bardziej po ludzku, a nie jak koń pod górkę.