pomoč css3/html

Pozdravljeni

http://prntscr.com/4qa50f

rad bi da bi bili ti krogci enako veliki (250px*250px), uporabljam "ul" element in potem mu dodelim height and width na 250 ampak ne deluje. Sem bolj začetnik tako da je vrjetno moj pristop nasploh zgrešen
hvala za pomoč

lp

li je pa notri ja.

kakšna ideja mogoče še da bi tekst notri nekako centriral v krog? text-align: center; mi ga da v sredino ampak jas bi rad da gre tam max 5px do roba kroga

živjo, hvala za nasvet

http://jsfiddle.net/ypreepgn/
tukaj je moja stran.

kako pripraviti te krogce da bodo centrirani točno na sredini mojega polja. Ker trenutno so malo preveč na levi. za bonus bi še vprašal kako naredim, da ko hoveram z miško in se krogec poveča ostale stvari ostanejo na miru. z veseljem bi te zadeve googlal pa nevem katere besede naj uporabim pri iskanju.

Netrunner je 25. sep 2014 ob 23:58 izjavil:

kot prvo .. imena IDjev se ne smejo ponavljat ..

nimam glih časa zdaj na dolgo razlagat .. tako danekaj napotkov...

če daš okrog tistih ULjev en div ki je dovolj širok da zaobjame vse tri širine + paddinge + margine .. in mu daš margin: 0 auto; .. potem bov centru

če nočeš da se on hover vse skupaj premika potem boš moral vsak krog absolutno postavit na svoje mesto tako da z večanjem ne bo vplival na druge ..

ni nujno, lahko da tranzicijo za margin oz krogca

Z JS se to reši povsem enostavno, s CSS bi se verjetno dalo ampak veliko bolj zapleteno.

Problem je da moraš ti pravokotnik nacentrirati znotraj kroga in pri tem je problem da imaš dva scenarija: pri enem je višina večja od širine, pri drugem obratno.

Mislim da obstaja neka CSS vrednost ki vzame max oz min višine in širine samo se je trenutno ne spomnim, poleg tega je vprašljiva kompatibilnost s starejšimi brskalniki.

Dej za foro prej/potem sliko prilimaj da vidimo točno kaj je tvoj željen efekt.

Nekaj takega mogoce: http://codepen.io/anon/pen/mxatu problem je da se moras odlocit za par stvari:

- min in max dolzina teksta
- ali si omejen s height ali width kroga