• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wielka zmiana z padding 0px na 1px

0 głosów
95 wizyt
pytanie zadane 22 sierpnia 2016 w HTML i CSS przez zielonyjoe Nowicjusz (120 p.)

Dzień dobry, uczę się html'a i css'a z poradników pana Mirosława Zelenta i napotkałem pewien problem, z którym nie mogę sobie poradzić. Otóż w odcinku drugim kursu HTML, zajmujemy się wyglądem diva o id="logo". Przy paddingu 0px strona wygląda identycznie jak z kursu, ale gdy ustawię padding na 1px, wygląda to jakbym ustawił dużo więcej. Nie do końca rozumiem, na czym polega.

Kod html:

<body>
  <div id="container">
    <div id="logo">
      <h1>FANCY LOGO</h1>
    </div>
  </div>

</body>

Kod CSS:

#logo
{
  background-color: rgba(3, 169, 244, 0.65);
  padding: 1px;
  text-align: center;
}

Pozdrawiam!

1
komentarz 22 sierpnia 2016 przez xmentor Nałogowiec (48,880 p.)
edycja 22 sierpnia 2016 przez xmentor
Wyzeruj marginesy nagłówka h1 i wszystko będzie okej.
1
komentarz 22 sierpnia 2016 przez zielonyjoe Nowicjusz (120 p.)
O działa, dziękuję bardzo!

1 odpowiedź

0 głosów
odpowiedź 22 sierpnia 2016 przez niezalogowany
Masz jeden 1px ale z góry i z dołu co razem daje już 2px (prawo, lewo też po jednym) , plus domyślny margines diva i nagłówka H1, Jeśli to wyzerujesz będzie dobrze,

Podobne pytania

0 głosów
2 odpowiedzi 80 wizyt
pytanie zadane 12 lutego w HTML i CSS przez vingilot85 Nowicjusz (180 p.)
0 głosów
2 odpowiedzi 103 wizyt
pytanie zadane 18 września 2016 w HTML i CSS przez anemo187 Nowicjusz (140 p.)
0 głosów
0 odpowiedzi 70 wizyt
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.FAQ

64,180 zapytań

110,580 odpowiedzi

231,742 komentarzy

46,956 pasjonatów

Przeglądających: 256
Pasjonatów: 14 Gości: 242

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...