Prośba o pomoc w wystylizowaniu menu w css i sprawdzenie bezpieczeństwa

Question

Witam,

aktualnie pracuję nad aplikacją w php do wyciągania danych z bazy mysql [TUTAJ]

Bardzo irytuje mnie położenie menu z góry, ale próbowałem umiejscowić je w innym miejscu i było jeszcze gorzej.

I tutaj moja prośba, czy mógłby mi ktoś doradzić jak mniej więcej mógłbym je wystylizować żeby wyglądało ładnie i nie przysłaniało wykresu.  Dodatkowo zastanawia mnie dlaczego mimo tego że rodzaj i rozmiar czcionki są ustalone ma ona różny rozmiar względnie na telefonie i PC

I jeszcze jedno. Ta strona jest postawiona na Raspberry Pi i "wypuszczona w świat" poprzez ruter, a więc chodzi mi o to czy mógłby ktoś sprawdzić czy moja strona nie jest podatna na jakieś proste ataki, proszę o to ponieważ jestem początkujący w php i serwerach a zawsze warto mieć pewność że strona jest bezpieczna.

Z góry dziękuję i pozdrawiam Michal Szymocha

Answer 1

Skoro menu domyślnie jest schowane pod przyciskiem proponuje zrobić tak:

Dać z lewej strony (np left: 0px; top: 0px;) przycisk, np taki https://cdn1.iconfinder.com/data/icons/basic-ui-elements-plain/422/06_menu_stack-128.png Najlepiej oczywiście na ikonce np z bootstrapa, a nie na zdjęciu.

Po kliknięciu rozwinąć menu na 100% szerokości ekranu i wysokości takiej, jaką będzie miał przycisk. W przypadku mobilnych też 100% szerokości, tylko wysokość większa.

Comments

Dzięki za podpowiedź, 

Bootstrapa nie będę dodawał do mojej strony, bo to nie ma według mnie większego sensu, ale zrobiłem coś podobnego w czystym CSS tylko wysuwa się z lewej, a nie z góry.[LINK]

---

No już jest dużo lepiej! :)

Answer 2

Dlatego, że wielkość plamki jest inna. Jeżeli robisz stronę responsywną używaj np. %.