Wyśrodkowanie menu

Mam taki problem, gdyż nie mam pojęcia jak wyśrodkować to menu, proszę o pomoc :wink:

http://www.tlumaczenia-angielski.info/w … enter.html

Niestety nie zadziałało, próbwałem wszystkich opcji z tej stronki.

Nie lepiej żeby było z lewej strony.

Wystarczy dodać na początku

i na końcu

Pozdrawiam.

dodaj w #menu

margin-left: auto;

margin-right: auto;

text-align: center;

Na przyszłość jest takie coś jak code

A co do skandyn’a skoro korzysta z css to po co wciskać w kod zbędne elementy w html ? ^^

nie wyśrodkuje elementu css jakim jest menu, dzięki drobok, jednak użyłem jeszcze czegoś innego:

[quote] ul { width: 600px; margin: 0px auto; } [/quote]

działa, jednak menu nie jest poziome, a pionowe i nie wiem jak zrobić, żeby było poziome, nadal proszę o pomoc.

Twój kod nie działa dajesz ul na sztywno 600px może masz niską rozdzielczość i widzisz to jak by było wyśrodkowane jednak tak nie jest xD

dodaj po 0 w pierwszym margin auto

edit daj screena to uwierzę xD

co do tematu wywalisz wight z twojego dodatku i masz poziomo ;]

no właśnie już tak próbowałem i to nic nie daje, tylko wywala mi menu na lewo :? . skrin raz proszę: http://img710.imageshack.us/img710/7235/beztytuudhu.jpg ,dalej nie jest poziome. btw tam nie ma napisu, bo to ma być taka jakby “linia wspomagana” ładnie nie? :smiley:

Zaraz się zobaczy ściągam opere mnie w chromie jak wstawię sam twój kod + moja przeróbka działa

#menu li {

float: center;

list-style-type: none;

}

Pozdrawiam.

W wypadku kodu który wstawił skandyn , powinno to wyglądać jak na screenie (testowane na chrome i operze)

W tym wypadku powinieneś center zamienić na left ponieważ chcesz mieć następny element menu po lewej stronie a nie pod poprzednim

Chodzi o to, by menu było w jednej linii, to do tych, co dopiero weszli do tematu, menu jest już wycentrowane. Gdy robię tak jak mówił skandyn , po rozsunięciu menu, przesuwa się cała strona :? .

ja zacznę od początku (mimo wszystko :wink: ) - dwie zmiany względem tego pierwowzoru:

#menu {

line-height: 30px;

width: 600px;

margin: 0;

padding: 0;

}

wydaje mi sie że powinno być tak:

#menu {

line-height: 30px;

width: 320px;

margin: 0 auto;

padding: 0;

}

(testowane na Firefoxie 3.6.4)

drobok , żeby zadziałało margin: 0 auto element musi mieć ustaloną szerkość

skandyn , float:center? co to za twór?

gerbyl ,

Problem wynika z tego, że ten kod działa na wszystkie ul , a nie tylko na #menu , poza tym szerokość listy #menu powinna wynosić dokładnie tyle ile zajmują jej elementy czyli przy 4 elementach po 80px wychodzi 320px (tylko wtedy wyśrodkuje równo)

Niestety nadal nie działa, trochę zwlekałem, bo mam dużo spraw na głowie, za to przepraszam.

Hmm nie rozumiem dlaczego ci to nie działa. Na postawionym na moim komputerze serwerze działał zarówno mój jak i sposób cayman3_11 jednak poleciłbym ci sposób cayman’a ze względu na moją niską znajomość tworzenia stron.

Najlepiej jeszcze raz wytłumacz co chcesz zrobić, najlepiej narysuj w paincie na screenie z twojej strony jak miało by to wyglądać.

U mnie po zmianach cayman’a wygląda to tak :

http://zapodaj.net/62b8e7d1b347.bmp.html

Przy kodzie

css:

#menu {

line-height: 30px;

width: 320px;

margin: 0 auto;

padding: 0;

}


#menu li {

float: left;

list-style-type: none;

}


#menu li a {

display: block;

width: 80px;

text-align: center;

background: #E6E7E8;

color: #656E75;

padding-top: 3px;

padding-bottom: 3px;

font-family: Verdana;

font-size: 14px;

text-decoration: none

}


#menu li a:hover {

background: #CDCECF;

color: #7b7b7b; 

text-decoration: none;

}


#menu li li {

float: none;

}


#menu li ul {

height: 0px;

overflow:hidden;

margin: 0;

padding: 0;

}


#menu li:hover ul {

height: auto;

}

html:

Tak, tak, to mi działa, rozchodzi się zaś o to, aby zrobić taki jakby “pasek nawigacyjny” rozwijający się po najechaniu na niego.

Wszystko pokazane jest na zdjęciu poniżej, pierwsze dwie części ukazują co już mam, a dwie kolejne, to co chciałbym osiągnąć:

tytuubez.jpg

http://img265.imageshack.us/f/tytuubez.jpg/

Będę bardzo wdzięczny za rozwiązanie mojego problemu.

Opisałbyś jakoś to zdjęcie. Nadal nie rozumiem o co ci chodzi.

Opcja 1

Opcja 2

Opcja 3

Opcja 4

Opcja 5

Pozdrawiam.

Proszę, teraz powinno być dobrze, jeśli potrzebna będzie jakaś informacja, proszę pytać śmiało.

tytuubezg.jpg

http://img693.imageshack.us/img693/1682/tytuubezg.jpg

Obrazek nie jest wyświetlany w całości, proszę o wejście w link podany powyżej.

opcje takie jak w pierwszej wersji ‘home’ ‘galeria’ ‘o mnie’ pozostają, ale mają się rozwijać w poziomie,

czy zostaje tak jakby tylko jedna taka opcja, ale bez opisu i w postaci niskiego paska?

Rozwijanie po kliknięciu czy najechaniu?