• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Pasek na całą szerokość ekranu.

0 głosów
1,004 wizyt
pytanie zadane 25 lutego 2016 w HTML i CSS przez GCon Nowicjusz (120 p.)

Jak ustawić menu poziome na całą szerokość ekranu?

Tak jak tutaj: 

6 odpowiedzi

+2 głosów
odpowiedź 25 lutego 2016 przez Eryk Andrzejewski Mędrzec (163,780 p.)
Ustaw marginesy na 0

W chyba trzecim odcinku kursu CSS Pana Mirka jest powiedziane jak zrobić takie menu na cala szerokość
+1 głos
odpowiedź 25 lutego 2016 przez saliwan22 Gaduła (3,110 p.)
Daj sobie marginesy na 0px i width tego paska na 100%. Będziesz miał pewność że na każdej rozdzielczości twój pasek będzie na całą szerokość ekranu.
0 głosów
odpowiedź 25 lutego 2016 przez RegularLemon Stary wyjadacz (12,240 p.)

Szerokość menu na szerokość ekranu, żadnych marginów ani paddingu.

.menu {
  width: 100vw;
  margin: 0;
  padding: 0;
}

 

komentarz 26 lutego 2016 przez HaKIM Szeryf (87,770 p.)

żadnych marginów ani paddingu.

A jednak jakieś są. :)

0 głosów
odpowiedź 25 lutego 2016 przez Matematyk0606 Bywalec (2,810 p.)

Zgadzam się z tym, że trzeba ustawić marginesy na 0 (margin-left: 0px; margin-right: 0px;) oraz szerokość diva z menu na 100% szerokości (width: 100%). Lecz to nie wszystko ten div z opcjami menu musi być poza głównym divem strony (chyba, że div strony ma  100% szerokości, wtedy div z menu może znajdować się w środku). 

np.:

<body>

<div id="logo">LOGO</div>

<div id="menu">

<div class="opcja_menu">Strona główna</div>

<div class="opcja_menu">Download</div>

<div class="opcja_menu">Autor</div>

</div>

<div id="pojemnik">

Cała zawartość strony

</div>

</body>

 

komentarz 25 lutego 2016 przez Dynamic Bywalec (2,780 p.)
Ten pasek będzie na cala szerokość, a jak wysrotkowac w nim te przyciski ?
komentarz 26 lutego 2016 przez Matematyk0606 Bywalec (2,810 p.)
Z tego co pamiętam klasa opcja_menu powinna posiadać stałą długość np.: width: 100px;

By wszystkie przyciski były koło siebie należy użyć: float: left; wydaje mi się także, że trzeba klasie opcja_menu dodać: margin-left: auto; margin-right: auto;

Powinno działać, ale nie działa to spróbuj nadać menu stałą szerokość. W razie problemów pisz, sam się z tym męczyłem przez długi czas. Pozdrawiam.
0 głosów
odpowiedź 26 lutego 2016 przez BanditPlayGame Użytkownik (680 p.)

W css w sekcji body (nie musi tam być ale tam najlepiej :)  ). Następnie daj na przykład w .menu daj width: 100%;

body
{
 margin: 0;
}

.menu
{
  width: 100%;
}

 

0 głosów
odpowiedź 26 lutego 2016 przez Mateusz11 Pasjonat (22,930 p.)

Moze pomoge... Podam przyklad na klasie .pasek

.pasek
{
width: 100%;
margin: 0px !important;
}

Pozdro

Podobne pytania

0 głosów
6 odpowiedzi 357 wizyt
pytanie zadane 29 lutego 2016 w HTML i CSS przez Jakub Suszyński Użytkownik (540 p.)
0 głosów
1 odpowiedź 117 wizyt
pytanie zadane 13 września 2019 w HTML i CSS przez matedoo Nowicjusz (210 p.)
0 głosów
0 odpowiedzi 330 wizyt

86,485 zapytań

135,240 odpowiedzi

300,484 komentarzy

57,232 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...