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

[Pomoc] Menu w css

Aruba Cloud - Virtual Private Server VPS
0 głosów
654 wizyt
pytanie zadane 16 maja 2015 w HTML i CSS przez adamek0123 Obywatel (1,530 p.)

Jak mogę crobić takie menu na całą strone jak Pan Mirosław tylko żeby było na całą strone i aby nie było tak od krawędzi strony np 8px( zeby tego nie było) tak aby nie widać tła.

 

Mój kod Css 

 

body
{
background-color:#808080;
}

#pudlo
{
width:1000px;
margin-left: auto;
margin-right: auto;
}


#logo
{
font-family: Verdana;
color: white;
font-size: 36px;
text-align: center;

}

#menu
{
background-color:#45C0F5;
color: #ffffff;
padding:10px;
display: block;
margin-left: auto;
margin-right: auto;
width: auto;
overflow: hidden;
}


.opcja
{

 

}


#panelb
{


}


.option
{

}

2 odpowiedzi

0 głosów
odpowiedź 16 maja 2015 przez Comandeer Guru (606,480 p.)

Polecam poczytać o normalizacji/resecie stylów: http://necolas.github.io/normalize.css/http://cssreset.com/

Tak na szybko: każdy element ma domyślne style, a body ma właśnie owe 8px marginesu po bokach

komentarz 16 maja 2015 przez adamek0123 Obywatel (1,530 p.)
Ale oto chodzi że jak dodam marginesy do bedzię ostep od tła a mi chdzi w środku żeby było 5 px odstepu od wyrazu od góry dołu i po bokach
komentarz 16 maja 2015 przez Comandeer Guru (606,480 p.)

Taki jakby "wewnętrzny margines" dla menu? Więc poszukujesz padding ;)

.menu
{
    padding: 5px;
}

 

komentarz 16 maja 2015 przez adamek0123 Obywatel (1,530 p.)
Jak coś to się dopiero uczę i dlatego nie wiem więc pytam ;)
komentarz 16 maja 2015 przez adamek0123 Obywatel (1,530 p.)
body
{
background-color:#808080;
margin: 0;
padding: 0;
}

#pudlo
{
width:1000px;
margin-left: auto;
margin-right: auto;
}

#menu
{
background-color:#45C0F5;
color: #ffffff;
display: block;
font-size:36px;
padding: 5px;

}

.opcja
{
float:left;
min-width:50px;
height:25px;
font-size:18px;
padding:10px;
opacity:0.8;
border-right: 2px dotted #444444;
}
.opcja:hover
{
background-color: #000000;
cursor: pinter;
}
komentarz 16 maja 2015 przez adamek0123 Obywatel (1,530 p.)
Sam już odkryłem :)
0 głosów
odpowiedź 18 lipca 2015 przez b00ny Mądrala (6,050 p.)

Wpisz w body albo w #menu (jak uważasz że będzie wygodniej)

margin:0 !important;

Powinno podziałać.

Podobne pytania

–1 głos
5 odpowiedzi 1,322 wizyt
pytanie zadane 29 kwietnia 2015 w HTML i CSS przez Piotr Stręk Nowicjusz (220 p.)
+6 głosów
2 odpowiedzi 2,645 wizyt
0 głosów
5 odpowiedzi 1,134 wizyt
pytanie zadane 3 lutego 2017 w HTML i CSS przez czujek22 Dyskutant (7,670 p.)

93,324 zapytań

142,323 odpowiedzi

322,390 komentarzy

62,653 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...