Jump to content
Sign in to follow this  
daav`

Przesunięte elementy <a> w menu

Recommended Posts

Cześć, mam mały problem, mianowicie po zmniejszeniu strony do 768px lub mniej, elementy <li> lub <a> w menu <ul>, które ma background są przesunięte o parę px w prawo.

Nie mam pojęcia czemu tak się dzieje, pomoc nagrodzę plusami ;-)

(Nalerzy najechać na item w menu i pojawi się hover, wtedy widać, że <a> jest przesunięty w prawo)

Kod --> link

 

 

Edited by veinn

Share this post


Link to post
* {
  box-sizing: border-box;
}

oraz dla .nav-container:

padding: 0;

 

  • Like 3

Share this post


Link to post

Ten padding: 0 dla nav ul. Swoją drogą, troszkę źle sobie rozmieściłeś elementy.

  • Like 1

Share this post


Link to post
2 minuty temu, Salva napisał:

Ten padding: 0 dla nav ul.

Faktycznie...

Oczywista oczywistość, a ja nad tym tyle siedziałem, dzięki XD

3 minuty temu, Salva napisał:

Swoją drogą, troszkę źle sobie rozmieściłeś elementy.

W jakim sensie?

 

Share this post


Link to post

W <header /> powinien być <div class="container" />. Posiadać określoną szerokość i padding oraz być wycentrowany w poziomie. Wtedy nie martwisz się o marginesy dla elementów z prawej i lewej strony. Dodatkowo możesz użyć flexa, by wycentrować elementy headera w pionie .

Oraz, jeżeli chcesz mieć koniecznie dwukolorową nazwę firmy, to lepiej pokolorować pierwsze słowo jak drugie czy kolejne, bo... Mniej pisania przy wypluwaniu tego przez CMS

  • Like 1

Share this post


Link to post

Ok, dzięki, można już zamknąć ;-)

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  
×
×
  • Create New...