Jak zrobić menu w jednym rzędzie??

Question

Witam.

Wraz z znajomymi chcemy stworzyć stronę o pierwszej pomocy. Ja mam się zająć html'em i css'em. Napotkałem jednak pierwszy problem i nie wiem jak sobie z nim poradzić. Na telefonie w menu ostatnia pozycja ( tj. Partnerzy ) przeskakuje mi do następnego wiersza. Nie wiem co jest tego przyczyną i jak temu zapobiedz. Z góry dziękuje za pomoc i chętnie przyjme uwagi dotyczące szablonu strony ( póki nie mam treści, nie chce robić podstron ).

Link do strony: http://www.jakratowac.pl/

Wygląd strony na moim telefonie :

Answer 1

Cześć, jestem początkującym webmasterkiem, ale slyszałem żeby na telefonie się ładnie to układało, trzeba stworzyć dodatkową wersje arkusza stylów, aby się mieściła na ekranie smartphona lub dać stronie responsywność(sama się będzie dostosowywać do wymiarów strony).Więcej niestety nie pomogę, bo praktycznej wiedzy jeszcze nie posiadam na ten temat :( Można spróbować rozłożyć te opcje w menu w %, jak jest ich 6 to po 16% (Może zadziała ?)

Co do szablonu, ja bym kolorystkę trochę zmienił, ale stronka w budowie więc pewnie cośjeszcze ulegnie zmienia :D

EDIT // Jeszcze co do szablonu, usunąłbym w opcjach menu, dotted line po opcji "Partnerzy", albo dodał przed opcją "Strona głowna", bo teraz wygląda troche asymetrycznie, a niektórzy zwracająuwagę na takie bzdety :P

Comments

Problem jednak rozwiązałem zmniejszeniem odstępów za elementem. Wydaję mi się że właśnie brak tego miejsca przeżucał do następnego wiersza. Dzięki wielkie za pomoc i uwagi. Dotted line dodany, a kolorystka później ( czekam aż kobiety pracujące ze mną nad tym projektem coś ustalą :-D ).

Answer 2

Można responsywnie, ale można też użyć tego w css:

@media (max-width: 1070px)
{
//style css dla urządzeń, które mają mniej szerokości niż 1070px
}
@media (min-width: 1070px)
{
//style css dla urządzeń, które mają więcej szerokości niż 1070px
}

Oczywiście 1070px zastąp inną wartością, która będzie ci pasowała.

Comments

Problem jednak rozwiązałem zmniejszeniem odstępów za elementem. Wydaję mi się że właśnie brak tego miejsca przeżucał do następnego wiersza. Dzięki wielkie za pomoc. Nie wiedziałem nawet że jest taka opcja. Czekam aż będę mógł ją przećwiczyć. :-D