Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Odstęp między label
arszawin
post 23.07.2010, 14:38:52
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 1.07.2008

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


  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?
Go to the top of the page
+Quote Post
wookieb
post 23.07.2010, 14:43:46
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




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ć.


--------------------
Go to the top of the page
+Quote Post
krzysztof_kf
post 23.07.2010, 14:56:48
Post #3





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


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 .
Go to the top of the page
+Quote Post
arszawin
post 23.07.2010, 15:06:05
Post #4





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 1.07.2008

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


Link: xxx

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

EDIT: Dziękuje za pomoc:)

Ten post edytował arszawin 23.07.2010, 15:11:02
Go to the top of the page
+Quote Post
wookieb
post 23.07.2010, 15:08:16
Post #5





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




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


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 7.05.2025 - 05:45