Diskuze: Jak vycentrovat seznam s libovolným počtem prvků

HTML a CSS HTML a CSS Jak vycentrovat seznam s libovolným počtem prvků American English version English version

Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Zdravím, mám netříděný seznam s členy teamu, každá položka seznamu má obrázek, odkaz na skype a pak další menší seznam s ikonkami facebooku, twitteru, dribblu a portfolia vedle sebe. Všechen obsah u člena potřebuji zarovnaný na střed, ale nevím přesnou šířku seznamu, protože si vybere jenom jednu síť, někdo naopak všechny čtyři. Jediný způsob, který mě napadl, je udělat pro všechny počty svojí třídu a nastavit jim podle toho pevnou šířku a margin auto, jenže je to strašně prkenný řešení, máte někdo něco lepšího?

Pro lepší srozumitelnost mám rozpracovaný projekt na http://www.funebrak.hys.cz/workspace1/ - sekce náš team.

Děkuji za jakékoliv reakce ;)

Odpovědět 14.7.2013 10:05
Creating websites is awesome till you see the result in another browser ...
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Zatím jsem tedy nahodil to nouzové řešení s třídami, ale stejně, pokud máte někdo něco lepšího, hoďte to prosím sem :)

Editováno 14.7.2013 10:25
Nahoru Odpovědět 14.7.2013 10:25
Creating websites is awesome till you see the result in another browser ...
Avatar
Snorlax
Redaktor
Avatar
Odpovídá na Jiří Gracík
Snorlax:

tak nějak zkoušim různý věci přes prozkoumat prvek ale drží se to jak ho..o košile :D

Nahoru Odpovědět 14.7.2013 10:28
Kdo chce pochopit, pochopí. Kdo dělá že chce pochopit, může pouze dělat, že pochopil...
Avatar
Snorlax
Redaktor
Avatar
Snorlax:

koukám že si to už vycentroval, ale použít třídy jedna, dva, tri,... neni zrovna nejštasnější řešení...

Nahoru Odpovědět 14.7.2013 10:34
Kdo chce pochopit, pochopí. Kdo dělá že chce pochopit, může pouze dělat, že pochopil...
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Snorlax
Jiří Gracík:

Říkám, zatím nouzovka než se najde lepší řešení ... hrozně rád bych tam použil i pseudo elementy, before, after, nth-child, ale v zadání je kompatibilita IE 6+ :@

Editováno 14.7.2013 10:51
Nahoru Odpovědět 14.7.2013 10:49
Creating websites is awesome till you see the result in another browser ...
Avatar
Snorlax
Redaktor
Avatar
Nahoru Odpovědět 14.7.2013 10:54
Kdo chce pochopit, pochopí. Kdo dělá že chce pochopit, může pouze dělat, že pochopil...
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Nikdo nic? Že by i Kit zklamal :D?

Nahoru Odpovědět 14.7.2013 21:33
Creating websites is awesome till you see the result in another browser ...
Avatar
Kit
Redaktor
Avatar
Odpovídá na Jiří Gracík
Kit:

Centrování mě moc nechytlo. Raději se mu vyhýbám. A už vůbec nepoužívám pevnou šířku pro text.

Nahoru Odpovědět 14.7.2013 21:39
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Kit
Jiří Gracík:

Měl jsem zadáno grid 960ku, pevnej layout, ta stránka se ani nehne :) Proč nenastavit pevnou šířku?

Nahoru Odpovědět 14.7.2013 22:09
Creating websites is awesome till you see the result in another browser ...
Avatar
Kit
Redaktor
Avatar
Odpovídá na Jiří Gracík
Kit:

Vidíš, že bylo zbytečné mě volat.

Nahoru Odpovědět 14.7.2013 22:12
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Kit
Jiří Gracík:

Na pevný šířky ano, vycentrování stále vyřešené nemám :P

Nahoru Odpovědět 14.7.2013 22:16
Creating websites is awesome till you see the result in another browser ...
Avatar
David Dostal
Redaktor
Avatar
David Dostal:

doublepost

Editováno 15.7.2013 11:19
 
Nahoru Odpovědět 15.7.2013 11:18
Avatar
David Dostal
Redaktor
Avatar
Odpovídá na Jiří Gracík
David Dostal:

Nevím, jestli je to úplně správně, ale já když nevím přesnou šířku a chci něco vycentrovat, dám nadřazenému elementu display: table a pak margin: 0 auto normálně funguje.

 
Nahoru Odpovědět 15.7.2013 11:18
Avatar
David Dostal
Redaktor
Avatar
 
Nahoru Odpovědět 15.7.2013 11:19
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 14 zpráv z 14.