Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html/css] display: inline-block input i label w jednej lini problem z ie
kml90
post
Post #1





Grupa: Zarejestrowani
Postów: 18
Pomógł: 0
Dołączył: 24.01.2007

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


Witam,
mam taki problem, chcę aby w formularzu label i input były w jednej linii, wszędzie super działa a w ie się rozsypuje.
  1. <div class="pole"><label>Imię i nazwisko:</label>
  2. <input type="text" name="imienazwisko" /></div>


css
  1. .pole {display: inline-block; width: 414px; height: 20px; margin-bottom: 10px;}
  2. .pole label {display: inline-block; margin: 5px 5px; text-align: right; width: 78px;}
  3. .pole input[type="text"] {display: inline-block; float: right; border: 1px solid #8b92a0; background: #ffffff; color: #000000; font-size: 9pt; width: 321px; height: 20px;}


input i label są liniowe dlatego wydaje mi się, że powinno działać ale nie wiem jak to pogodzić
pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
vokiel
post
Post #2





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

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


Skoro są liniowe to po co Ci display ustawione na inline-block?
Albo ustawiasz display na block i dodajesz float'y, albo zostawiasz display na inline.
Go to the top of the page
+Quote Post
ZenekN
post
Post #3





Grupa: Zarejestrowani
Postów: 419
Pomógł: 5
Dołączył: 7.08.2012

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


Brawo! Uratowałeś mi życie tym postem (IMG:style_emoticons/default/wink.gif) (IMG:style_emoticons/default/santa.gif)
Go to the top of the page
+Quote Post

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: 23.12.2025 - 08:42