Oczyszczenie kodu facebookowej navigacji

Question

Kod: http://codepen.io/anon/pen/PNPyKJ
Stworzyłem 40% wyglądu facebookowej nawigacji po to, zeby się poduczyć pozycionowania divów, obrazków a wzorowanie się na facebookowej nawigacji to dobry przykład. Problem jest w tym, że mój kod jest niestabilny i nie poprawny. Mógłby ktoś go "oczyścić" i powiedzieć, co robie nie tak, a jak zna jakieś dobre kursy, książki lub inne to podlinkuje; 
I takie pytania:
Czy używanie np. "margin-top: -1.80%;" to dobra praktyka? (Działa, ale czy wpływa na konstrukcje całej strony?)


niestabilny - napis "FacebookBanner" po usunięciu psuje całą konstrukcje strony, div navtohover nie działa(nie ma ustawionej wielkości),  

Answer 1

1. każdy <img> musi mieć wpisany alt, to bardzo ważne, 
2. padding: 8px 6px 8px 6px; możesz zapisać jako padding: 8px 6px; 

Jeżeli chodzi o to co zrobiłeś to margin-top jest słabym pomysłem, łatwiej było być zrobić container z marginem bądź paddingiem wtedy całą zawartość menu będzie miała odpowiedni odstęp od krawędzi. 

Poczytaj o http://www.responsivegridsystem.com/  

Ja zawartość tego menu zrobił bym w kolumnach. 

Comments

Dzięki za wszystkie rady :)

---

http://codepen.io/anon/pen/QNjXRy Lepiej? :)