vycentrování menu

kozzycz · 2012-08-05 19:24:22

ahoj, prosím vás, na stránce http://aretis.vokko.eu je nahoře to menu a za boha se mi nepodařilo vycentrovat položky na střed, mohl by mi někdo pomoct ?? zkoušel jsem už snad všude dosadit do CSS atribut align: 0 auto ale nejde to když jsem dal align:0 50% tak se mi to menu srolovalo pod sebe.. pak sem akorát přišel na to že ho mohu dát na střed tím že stáhnu pozadí menu ale to už nevypadalo bohužel pěkně mohl by mě tedy někdo něják správně nasměrovat ?? nebo mi dát aspoň názor jestli by to bylo lepší centrovat na střed nebo to nechat tak jak to je ??

EDIT: jo omlouvám se teď sem si všiml že jsem tu napsal špatně ten atribut ne align ale margin sem chtěl napsat

kksmirice · 2012-08-05 19:58:43

řekl bych, že problémem je to, že menu není obaleno do nějakého kontejneru, ale přímo <ul class="menu">.
Zkusil bych vložit <div class="menu"><ul><li.... ... /li></ul></div>. Možná také kouknout do css (.menu, menu li{...})
Jinak ale nevycentrování ničemu nevadí.

S tím menu jsem se na svých stránkách také vytrápil...

Destroyer · 2012-08-05 20:18:02

ja se na to vykašlal, mně se libilo hezky zleva jak u googlu
jinak teoreticky by to šlo taky udělat treba paddingem v %

.menu ul {
	padding: 0 15%;
}

(je to jen příklad)

Martin · 2012-08-05 20:20:24

margin:auto;

vám nefunguje?

kozzycz · 2012-08-05 20:20:38

kksmirice napsal:

řekl bych, že problémem je to, že menu není obaleno do nějakého kontejneru, ale přímo <ul class="menu">.
Zkusil bych vložit <div class="menu"><ul><li.... ... /li></ul></div>. Možná také kouknout do css (.menu, menu li{...})
Jinak ale nevycentrování ničemu nevadí.
S tím menu jsem se na svých stránkách také vytrápil...

díky zkusím se na to pak mrknout já vím že to nevadí ale myslím že uprostřed to bude vypadat líp než nalevo

kozzycz · 2012-08-05 20:40:54

Destroyer napsal:

ja se na to vykašlal, mně se libilo hezky zleva jak u googlu
jinak teoreticky by to šlo taky udělat treba paddingem v %
.menu ul {
	padding: 0 15%;
}
(je to jen příklad)

tak bohužel sice se to vycentruje ale položky nezůstanou u sebe ale dají se pod sebe.. budu to muset dát do divu jako říkal kolega výše

kozzycz · 2012-08-05 20:42:28

Martin napsal:

margin:auto;
vám nefunguje?

margin mi udělá to samé co padding hodí položky pod sebe a vycentruje místo aby zůstaly u sebe a vycentrovalo se to společně

Destroyer · 2012-08-05 21:03:23

ja si to jen zkousel ve chromu tak nevim no

Martin · 2012-08-05 21:09:38

No a co to udělá při responzivních přeměnách? A změnách velikosti menu... :-) (předpokládám, že je to ten responzivní web z kritiky)

kozzycz · 2012-08-05 21:12:08

Destroyer

jsi moje záchrana jak jsem už unavenej tak sem ty hodnoty zadával jinam do marginu místo paddingu heleď moc ti děkuji já už sem to chtěl vzdát díky moc

kozzycz · 2012-08-05 21:14:50

při zkoušce to začne rolovat pod sebe ale to myslím nevadí jelikož jsem momentálně na rozlišení 1024x768 tak je to v jedný řádce ještě zkusím co to udělá při 800x600 a 640x480

kksmirice · 2012-08-05 21:17:37

Tyhle menu mi moc responzivně nešly udělat. Navíc to mám fixed, takže další problém...

Až to vyřešíš, rád se přiučím...

Martin · 2012-08-05 21:25:15

kksmirice napsal:

Tyhle menu mi moc responzivně nešly udělat. Navíc to mám fixed, takže další problém...
Až to vyřešíš, rád se přiučím...

Responzivita není pouze o dynamické změně velikostí elementu, ale podle mě hlavně o přeskládání obsahu podle velikosti zobrazovacího média. To je totiž to co zde nebylo. Procenta jsou zde od samého začátku... http://mediaqueri.es/

Jen bych rád upozornil, že ctrl a kolečko nemusí vždy vyvolávat responzivní efekt. Zejména chrome to nedělá...

Destroyer · 2012-08-05 21:31:43

mozna by bylo dobre nastavit atributy min-width

kozzycz · 2012-08-05 21:33:35

ano vím proto si zvětšuji a zmenšuji okno chrome

jinak koukám že jsi taky zezplzně

Martin · 2012-08-05 21:35:57

kozzycz napsal:

ano vím proto si zvětšuji a zmenšuji okno chrome

To je právě to co nefunguje. Alespoň ne u mě v nejnovějším. Spíše to zoomuje jako lupa, což není požadované chování.
EDIT: Omlouvám se, blbě jsem to pochopil, děláte to dobře...

kozzycz napsal:

jinak koukám že jsi taky zezplzně

Studuji zde...

kksmirice · 2012-08-05 21:48:00

Martin napsal:

Responzivita není pouze o dynamické změně velikostí elementu, ale podle mě hlavně o přeskládání obsahu podle velikosti zobrazovacího média. To je totiž to co zde nebylo. Procenta jsou zde od samého začátku... http://mediaqueri.es/ ...

To je to co mi právě nejde na fixed menu... Je za rohem.

@Martin:
P.S. Jak jsi vyřešil "přetékání" obrázků do písma???

kozzycz · 2012-08-05 21:52:20

Destroyer napsal:

mozna by bylo dobre nastavit atributy min-width

min-width dělá neplechu ja to nastavím tak aby to při menším rozlíšení než je 950px na šířku přeplo na vysouvací menu.. pokud najdu kde jsem v tomhle docela začátečník

Martin · 2012-08-05 21:54:24

Snažím se nepoužívat fluidní design, takže se to řeší stejně jako u normálního webu, ale třeba pro čtyři velikosti...

kozzycz · 2012-08-05 22:00:40

Martin napsal:

kozzycz napsal:
ano vím proto si zvětšuji a zmenšuji okno chrome
To je právě to co nefunguje. Alespoň ne u mě v nejnovějším. Spíše to zoomuje jako lupa, což není požadované chování.
EDIT: Omlouvám se, blbě jsem to pochopil, děláte to dobře...
kozzycz napsal:
jinak koukám že jsi taky zezplzně
Studuji zde...

pokud ti nevadí že ti tykam tak mi taky tykej jelikož studuješ tak budem cca stejně starý jinak hezkej web máš

Martin · 2012-08-06 10:39:03

Ď. Ok, automaticky netykám, protože se vždy najde nějaký frajer, který mele blbosti o tom, že jsme spolu krá** nepásly...

kozzycz · 2012-08-06 14:38:26

Martin napsal:

Ď. Ok, automaticky netykám, protože se vždy najde nějaký frajer, který mele blbosti o tom, že jsme spolu krá** nepásly...

jo takový lidi miluju mě tohle vůbec nevadí.. jinak u toho webu mám furt to dilema jestli ho nechat nalevo nebo uprostřed ale hlavu si s tím lámat nebudu ať si to řekne ten pro koho ten web dělám

kozzycz · 2012-08-06 15:08:24

tak centrování musím vypnout protože to dělá v ie9 se mi to už roluje pod sebe a to je hnusný

Noguluxo · 2012-08-13 14:03:04

Na stranke najhobby.cekuj.net mam problem s headerom. Vzdy ked obrazok orezem, alebo tam dam presne banner v rozliseni 1000*85 urobi mi to co mate moznost vidiet. Vopred dakujem za radu.

#1 2012-08-05 19:24:22

Re: vycentrování menu

#2 2012-08-05 19:58:43

Re: vycentrování menu

#3 2012-08-05 20:18:02

Re: vycentrování menu

#4 2012-08-05 20:20:24

Re: vycentrování menu

#5 2012-08-05 20:20:38

Re: vycentrování menu

#6 2012-08-05 20:40:54

Re: vycentrování menu

#7 2012-08-05 20:42:28

Re: vycentrování menu

#8 2012-08-05 21:03:23

Re: vycentrování menu

#9 2012-08-05 21:09:38

Re: vycentrování menu

#10 2012-08-05 21:12:08

Re: vycentrování menu

#11 2012-08-05 21:14:50

Re: vycentrování menu

#12 2012-08-05 21:17:37

Re: vycentrování menu

#13 2012-08-05 21:25:15

Re: vycentrování menu

#14 2012-08-05 21:31:43

Re: vycentrování menu

#15 2012-08-05 21:33:35

Re: vycentrování menu

#16 2012-08-05 21:35:57

Re: vycentrování menu

#17 2012-08-05 21:48:00

Re: vycentrování menu

#18 2012-08-05 21:52:20

Re: vycentrování menu

#19 2012-08-05 21:54:24

Re: vycentrování menu

#20 2012-08-05 22:00:40

Re: vycentrování menu

#21 2012-08-06 10:39:03

Re: vycentrování menu

#22 2012-08-06 14:38:26

Re: vycentrování menu

#23 2012-08-06 15:08:24

Re: vycentrování menu

#24 2012-08-13 14:03:04

Re: vycentrování menu

Zápatí