Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/css] display: inline-block input i label w jednej lini problem z ie
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
kml90
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
vokiel
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.
ZenekN
Brawo! Uratowałeś mi życie tym postem wink.gif santa.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.