Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css][html] wyśrodkowanie w formularzu
aladin07
post
Post #1





Grupa: Zarejestrowani
Postów: 68
Pomógł: 0
Dołączył: 22.07.2007

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


witam

moj problem polega na wysrodkowaniu pol label i input czy tez select w
wierszu listy uporzadkowanej

formularz wyglada powiedzmy tak :

  1. <form name="" action="" method="">
  2. <ul>
  3. <li><label>name1</label>
  4. <input type="text" name="name1" id="name1" size="30" />
  5. </li>
  6. <li><label>name2</label>
  7. <input type="text" name="name2" id="name2" size="30" />
  8. </li>
  9. <li><label>name3</label>
  10. <input type="text" name="name3" id="name3" size="30" />
  11. </li>
  12. <ul>
  13. </form>


i teraz powiedzmy ze ustawiamy css'em

  1. li{
  2. height: 40px;
  3. }
  4. li label{
  5. float: left;
  6. font:10px;
  7. }
  8. li input{
  9. float: left;
  10. height:30px;
  11. }



teraz chodzi mi o to ze w liscie ustalam wysokosc wieksza niz wysokosc label i input
i wszystko ustawia mi sie idealnie przy gornej krawedzi
a chcialbym zeby zarowno label jak i input ustawial sie w srodku wyokosci li ale nie mam pojecia
jak to zrobic - a juz pare tutoriali przejrzalem - tam jednak nikt nie ustawia jak ja wyskosci
li
i nie chodzi mi tu o ustawianie za pomoca paddingow czy marginow - zeby po zmianie
wysokosci li nie bylo znowu dlubania w css-ie

czy jest w ogole taka mozliwosc?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
melkorm
post
Post #2





Grupa: Zarejestrowani
Postów: 1 366
Pomógł: 261
Dołączył: 23.09.2008
Skąd: Bydgoszcz

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


hmm a przypadkiem li nie łapie tych floatów i tak jakby ten label i input "nie są" w li ? Bo tak mi się zdaje że tak własnie jest ... daj tylko dla li float:left, i zobacz co się stanie (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

no i ogólnie przypisywanie float'u el liniowemu?

Cytat
to line-height juz przerabialem ale z tego co pamietam dawalo to tylko efekt dla samego
label a input dalej siedzial przy gornej krawedzi li


a tak się działo bo float dla label nei działał, i li go "łapało" a input z floatem nie brał tego pod uwagę bo jest tak jakby w "powietrzu".

Nie wiem czy dobrze wyjaśniłem ale bankowo te floaty są złe (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
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 - 11:28