centriranje floatane liste - kako?

[nel`chee]

google je izbacio gomilu stvari koje ne trebam. alzo, lista se sastoji od itema koji su floatani ulijevo, ali ja bi kompletnu listu centrirala, e sad znam da ne moze i float: left; i text-align: center rezultirat zeljenim, ali zbilja mi treba bas da tako izgleda - inline i centrirano. jednostavnije bi bilo samo izbaciti listu i a-evi ce bit centrirani, ali ja sam mazohist.

Code:

#izbornik {    margin: -20px auto 0 auto;    text-align: center; } #izbornik li {list-style: none; display: inline;} #izbornik li a {    display: block;    float: left;    margin: 5px; }

[che.UP]

ovak napamet... zadaj sirinu linkovima ili itemima :)

[nel`chee]

probala oboje, nista.

[che.UP]

a sirinu cijeloj listi? imas to negdje na netu?

[nel`chee]

nemam na netu, no stvar je u tome da nemam pojma kolika ce lista biti, jer ce neki elementi prijeci u novi red, a za njih takodjer zelim da budu centrirani.

[Sulien]

Floatanje je dosta ograničeno - ili lijevo ili desno, ne postoji centar. Ako trebaš centrirati grid itema koji floataju a svaki redak je iste širine možeš to postići marginanjem parent elementa. Ako retci nisu iste širine onda nemaš šanse da to bude poravnano po sredini a ne po lijevom/desnom rubu

[nel`chee]

hmm well sad kad znam da je nemoguce, bez liste it is

[pepa.UP]

nel`chee wrote:

hmm well sad kad znam da je nemoguce, bez liste it is :?

why?:)

floatanje ti tu ni netreba.. itemi liste se ispisuju jedan ispod drugog jer su block elementi.. dakle samo im maknes tu definiciju (display: inline;) i dalje baratas kao sa textom..

Code:

#izbornik {    margin: 0;    padding: 0;   /* maknes defaultni padding s liste */    text-align: center; } #izbornik li {list-style: none; display: inline;} #izbornik li a {    margin: 5px; }

[Sulien]

Ja recimo ne podnosim da linkovi u navigaciji nisu block i da nemaju barem malo paddinga i margina. Linkovi koje je lako 'pogoditi' mišem su važan dio usability-a sajta. Ali block se ipak mora floatati, tako da u ovom slučaju ne ide tako. Pepa je u pravu

[nel`chee]

mne ne... mora biti block jer naravno ne radi se o obicnim tekstualnim linkovima, vec moram replace-at pozadinom, a ako nije block ne mogu odrediti visinu i sirinu.
tnx neway

[che.UP]

ma... stavi u flesu i bok :)

[Sulien]

...ili nemoj centrirat

tko je još vidio centriranu navigaciju??

[nel`chee]

nije bila moja ideja

[ivan2704]

Možda ovo pomogne.

[Sulien]

ma vidi ti to!

[gog]

hm... ja ovo koristim i radi mi ....

Code:

#navigacija ul {    margin: 0;    padding:0;    list-style-type:none;    text-align:center; } #navigacija ul li {    display: inline; } #navigacija ul li a {    text-decoration: none;    padding: .2em 1em;    color: #fff;    background-color: #036; } #navigacija ul li a:hover {    color: #fff;    background-color: #369; }

Code:

<div id="navigacija">    <ul>       <li><a href="/index.php">Naslovna</a></li>       <li><a href="#">Članci</a></li>       <li><a href="#">Recenzije</a></li>       <li><a href="#">Programi</a></li>       <li><a href="#">Galerija</a></li>       <li><a href="#">Forum</a></li>    </ul> </div>

c&p is wip-a...

[Sulien]

to nije floating... to je ono o čemu je Pepa govorio, odnosno inline tehnika

ivane, postao si vrijedan resurs

[gog]

Ne kužim što točno želite postići, ja sa ovim gore u standard compliant browserima imam padding i mogu kliknuti na čitav block...

[ivan2704]

Sulien wrote:

ivane, postao si vrijedan resurs

Da vrijedan, stranica je zakon, a lik je car .
Evo još jedan njegov primjer, ovaj put sa centriranom i ne-float listom.

[Sulien]

Jedini problem je naravno DEL element ... smrt za semantiku nelči, trebaš odlučit je li ti IE toliko važan

[nel`chee]

vrlo vrlo vazan jerbo nije za mene

[ivan2704]

Sulien wrote:

Jedini problem je naravno DEL element ... smrt za semantiku nelči, trebaš odlučit je li ti IE toliko važan

Da, nisan vidija DEL, ali u drugom primjeru nema DEL elementa.

[Sulien]

@gog - u pravu si, block nije uvijek potreban