• 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
96 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 (49,900 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 85 wizyt
pytanie zadane 12 lutego w HTML i CSS przez vingilot85 Nowicjusz (200 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 73 wizyt
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

66,324 zapytań

113,061 odpowiedzi

239,218 komentarzy

46,589 pasjonatów

Przeglądających: 257
Pasjonatów: 7 Gości: 250

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.

...