Dziwna przesteń "linkowa" wokół przycisków menu, inny wygląd strony z poziomu komputera, a inny z poziomu serwera

Question

Cześć,

mam dwa problemy, mianowicie:

-kiedy najeżdzam myszką na dany odnośnik w menu to wokół niego jest hover z możliwością kliknięcia, a powinien być tylko w samym napisie (trudno mi to wytłumaczyć, mam nadzieje, że zrozumieliście o co chodzi)

-dlaczego moja strona jest inna z poziomu komputera, a inna, kiedy już wrzucę ją na serwer? używam tej samej przeglądarki, gdy jest już na serwerze wszystko robi się mniejsze, czcionka, odstępy wysokości elementów itd, co może być powodem?
 

http://www.devide.hol.es/

Cały kod niżej

http://codepen.io/anon/pen/yOdxzp

Answer 1

Co do tego odstępu, odpowiedź jest prosta:

 Korzystasz z Bootstrap, a bootstrap dodaje do znacznika <a> padding:

 ~ https://zapodaj.net/4282edeb28189.png.html

IMO: nie usuwaj padding'u, przyjemniej się korzysta z menu, gdy nie trzeba celować w samiutki tekst...

Comments

W tym projekcie nie używam Bootstrapa.

---

Dobrze. Anyway, problem jest nadal tam, gdzie napisałem. ;_;

Answer 2

Jeśli chodzi o ten problem z  tym hoverem to przy ul masz ustawione cursor:pointer;

usuń padingi

 ul li a{

 

    padding-top: 25px;
    padding-bottom: 25px;

}

bo to powoduje że tak się to dzieje.

poczytaj o  https://necolas.github.io/normalize.css/

lub

http://meyerweb.com/eric/tools/css/reset/

 

tak po przeróbce wygląda

http://codepen.io/jaca121212/pen/wGLEEJ?editors=0110

Comments

Mam dołączony normalize.

Answer 3

1. Jeżeli chodzi Ci o tę przestrzeń to jest to padding dokładniej 5px i jest to dosyć przydatne bo łatwiej trafić, ale jak chcesz to usunąć to masz padding w 52 linijce CSS-a :) 

2. Sprawdź czy nie masz na którejś stronie powiększenia 

Comments

Aleś ja głupi, rzeczywiście miałem zmniejszoną stronę i dlatego to inaczej wyglądało..

Dziękuje za pomoc! :)