Nagłowek i jego stylizacja

Question

Eloszka, mam problem z nagłowikiem albo divem zależnie od perspektywy ;D

chodzi o to , że mam stronę : http://proba.jcom.pl

popatrzcie na kod i na te nagłówki : 

-kontakt

-umiejętności

-o mnie

próbowałem na wszelkie sposoby by było one takie same ;/

chciałbym by były na środku nad textem (robiłem mniej więcej tak : box-img , box-noimg h1 { text align:center; } potem zmieniłem w html z h1 na div o classie header-box a w css tak: box-img , box-noimg .header-box { text align:center; } na inne sposoby też ale nic nie wychodziło ;/ )

Jakieś pomysły? 

Answer 1

Stworzyłeś klasę .header-box to ją zdefiniuj :)

.header-box {
    text-align: center;
}

Taka uwaga. Na stronie nie masz nigdzie ani jednego nagłówka (H1, H2, H3...). Do tego O mnie, Umiejętności, Kontakt nie dawaj jako DIV, lecz użyj np. nagłówka H2.

Comments

No tak jak napisałem, przecież nie piszę po mandaryńsku ;D Chciałbym jeszcze innym pomóc :)

Ale w każdym dokumencie HTML powinien być zawsze JEDEN nagłówek H1, oraz nagłówek H2/H3 dla każdej sekcji (O mnie, Umiejętności, Kontakt, itp.)

---

Nagłówki sekcji (O mnie, Umiejętności, Kontakt, itp.) daj jako H2. Nie dawaj wszędzie H1 tylko dlatego, że H2 to już za mała czcionka - od tego są już style. W dokumencie może być tylko jeden nagłówek H1.

Nie ma takiego tagu w HTML jak <content>.

---

Nie rób w ten sposób, że ustawiasz paddingi dla lewej i prawej strony jak tu:

http://pasteboard.co/1GoTwpI1.png

bo potem tak to wygląda w wersji mobile (co jest logiczne):

http://pasteboard.co/1Gp1KRR7.png

Po prostu umieść całą stronę w jakimś pojemniku / wrapperze i nie dawaj mu width: 100% tylko np. max-width: 900px.

---

Np.:

#container {
    max-width: 999px;
    margin: 0 auto;
}

---

Mogłeś zostawić tą treść w znacznikach <content>, tylko zamiast <content> to <main>.