Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS/wyrównanie] wyrównanie checkbox do tekstu
oomaster
post
Post #1





Grupa: Zarejestrowani
Postów: 305
Pomógł: 3
Dołączył: 4.08.2006
Skąd: GDA

Ostrzeżenie: (0%)
-----


Witam

mam mały problem nie mogę wyrównać checkbox do tekstu. Cały czas checkbox wyrównany jest w dół nie wiem dlaczego, a oto mój kod.

Kod
input.ict {vertical-align: top;}
#pw1 {width: 20px; float: left; overflow: hidden; vertical-align: top;}
#pw2 {width: 380px; float: left; overflow: hidden;}


  1. <form action="test.php" method="post" >
  2. <div id="pw1"><input class="ict" type="checkbox" /></div>
  3. <div id="pw2">testowy tekst :)</div>


Próbowałem wyrównywać na siłę do góry ale nic z tego już nie wiem co może być
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Inti
post
Post #2





Grupa: Zarejestrowani
Postów: 67
Pomógł: 12
Dołączył: 20.01.2008
Skąd: Toruń

Ostrzeżenie: (0%)
-----


Oczywiście wcześniej zjadłem dopis klasy do inputa (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) , więc style nie zostały mu przypisane - mam nadzieję, że to zauwarzyłeś:

  1. input.ict {position: relative; bottom: 3px}
  2. #pw1 {width: 20px; float: left; overflow: hidden; display: inline;}
  3. #pw2 {width: 380px; float: left; overflow: hidden;}


  1. <form action="test.php" method="post" >
  2. <div id="pw1"><input class="ict" type="checkbox" /></div>
  3. <div id="pw2">testowy tekst :)</div>


Ewentualnie jeśli ustawisz je ilnline i tak jak pisałem wcześniej to powinny wyrównać się względem siebie - oczywiście same bloki div, bowiem to one ze sobą sąsiadują Wtedy operuj klasą elementu input Czyli moja pierwsza propozycja powinna wyglądać niestety tak:

  1. input.ict {vertical-align: top;}
  2. #pw1 {width: 20px; float: left; overflow: hidden; display: inline;}
  3. #pw2 {width: 380px; float: left; overflow: hidden;}


  1. <form action="test.php" method="post" >
  2. <div id="pw1"><input class="ict" type="checkbox" /></div>
  3. <div id="pw2">testowy tekst :)</div>


małe niedopatrzenie.

Oczywiście jeśli jednak nic z tego nie zadziała, to możesz zrobić tak Ustaw border obydwu div na 1px i sprawdź wpierw jak się elementy do siebie mają i ich elementy wewnętrze Wtedy napisz co się dzieje i będzie można dalej myśleć - ewentaulnie podaj jeszcze ustawienia bloku, w którym się znajdują już te 2 div'y

Pozdrawiam Inti
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 12.10.2025 - 03:07