Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Odstęp między label
Forum PHP.pl > Forum > Przedszkole
arszawin
  1. <LABEL for="login">Login: </LABEL>
  2. <LABEL for="pass">Hasło: </LABEL>


Pomiędzy powyższymi, dwoma polami label tworzy się nienaturalny odstęp, około 70 pikseli. Oczywiście zamierzenie jest takie, że pomiędzy nimi będą jeszcze pola input, ale żeby nie zaciemniać sytuacji, uprościłem przykład. Mój problem jest taki, że nie wiem, jak ten odstęp zlikwidować. Chciałbym, żeby oba label przylegały do siebie.

mój CSS wygląda tak:
  1. label {
  2. margin: 0 5px 0 0;
  3. font-family: Verdana;
  4. font-size: 7pt;
  5. text-transform: uppercase;
  6. color: #eaece7;
  7. text-align: right;
  8. }


jak widać, margin-right ustawiony jest tylko na 5px... skąd w takim razie wzięły się te pozostałe 60 pikseli?
wookieb
Po tym kodzie nie jesteśmy w stanie stwierdzić co faktycznie jest problemem więc wystaw to na żywo tak abyśmy mogli sobie szybko w przeglądarce zdebugować.
krzysztof_kf
Cytat(arszawin @ 23.07.2010, 15:38:52 ) *
  1. <LABEL for="login">Login: </LABEL>
  2. <LABEL for="pass">Hasło: </LABEL>


jak widać, margin-right ustawiony jest tylko na 5px... skąd w takim razie wzięły się te pozostałe 60 pikseli?



Widocznie masz ustawione dla innego elementu margines dolny .
arszawin
Link: xxx

chodzi o odstęp miedzy "LOGIN:" a "HASŁO:" na czarnej belce.

EDIT: Dziękuje za pomoc:)
wookieb
styl dziedziczony po
Kod
label, span {
display:block;
float:left;
height:20px;
padding:6px 0 0 80px;
width:150px;
}

Do takich rzeczy nadaje się własnie firebug w Firefoxie
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.