centrowanie div

[_perlik]

Aby wycentrować diva w divie musisz obu nadać na stałe ustaloną szerokość w np. px. Czyli w twoim przypadku "#pasek_gora" ma width: 800px; - spoko. Do "#przyciski_menu_gora" musisz też dopisać jakąś szerokość.

A więc CSS będzie wyglądał np. tak:

Kod:

#pasek_gora{
    background: gray;
    width: 800px;
    height: 50px;
}

#przyciski_menu_gora {
    background: red;
    width: 100px;
    margin: 0 auto;
}

Jak byk jest to napisane w tutorialu do którego link Ci podesłałem:

Każdy element blokowy bez ustawionej szerokości zajmuje 100% wolnego miejsca na stronie. Dlatego wycentrowanie go jest tylko możliwe, jeśli ograniczymy jego zapędy terytorialne - musimy ustawić mu szerokość.

Idąc dalej...

Elementy liniowe jakimi są obrazki (<img />) możesz centrować tak jak tekst, czyli nadając elementowi który je zawiera w CSS text-align: center;

Co jest również opisane w tutorialu:

Pierwszy sposób opiera się na domyślnym wyświetlaniu liniowym każdego <img/> - wystarczy dodać klasę akapitowi, który jest pojemnikiem dla obrazka i ustawić text-align na center.

Czyli Twój CSS będzie w tym przypadku taki:

Kod:

#pasek_gora{
    background: gray;
    width: 800px;
    height: 50px;
}

#przyciski_menu_gora {
    text-align: center;
}

Kolejnym sposobem jest zamienienie liniowych elementów jakim są obrazki na elementy blokowe. Potem należy je wycentrować tak jak div-y (to też el. blokowe) czyli przez margin:0 auto;

Kod:

#pasek_gora{
    background: gray;
    width: 800px;
    height: 50px;
}

#przyciski_menu_gora img {
    display: block;
    margin: 0 auto;
}

Jest to kiepski pomysł jak masz więcej niż 1 obrazek. Czemu? Dlatego, że po każdym elemencie blokowym następuje "załamanie linii" i kolejny element blokowy jest ustawiany pod poprzednim tj. jeden pod drugim.

Polecam czytać powoli i ze zrozumieniem. Ponoć przydaje się to teraz na maturze z polskiego