View previous topic :: View next topic |
Author |
Message |
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
Posted: 05.11.2005 16:43 Post subject: centriranje floatane liste - kako? |
|
|
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;
} |
|
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥ |
|
Back to top |
|
|
che.UP mi3.crew
Joined: 07 Sep 2003 Posts: 2320 Location: zagreb
|
Posted: 05.11.2005 16:45 Post subject: |
|
|
ovak napamet... zadaj sirinu linkovima ili itemima :) |
_________________ UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX |
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
|
Back to top |
|
|
che.UP mi3.crew
Joined: 07 Sep 2003 Posts: 2320 Location: zagreb
|
Posted: 05.11.2005 17:04 Post subject: |
|
|
a sirinu cijeloj listi? imas to negdje na netu? |
_________________ UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX |
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 05.11.2005 17:35 Post subject: |
|
|
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 |
|
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
|
Back to top |
|
|
pepa.UP
Joined: 10 Sep 2003 Posts: 15 Location: zagreb
|
Posted: 05.11.2005 19:30 Post subject: |
|
|
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;
} |
|
_________________ unpljugged.com |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 05.11.2005 19:43 Post subject: |
|
|
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 |
|
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
|
Back to top |
|
|
che.UP mi3.crew
Joined: 07 Sep 2003 Posts: 2320 Location: zagreb
|
Posted: 05.11.2005 20:22 Post subject: |
|
|
ma... stavi u flesu i bok :) |
_________________ UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 06.11.2005 16:00 Post subject: |
|
|
...ili nemoj centrirat
tko je još vidio centriranu navigaciju?? |
|
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
|
Back to top |
|
|
ivan2704
Joined: 05 May 2005 Posts: 13
|
Posted: 06.11.2005 18:16 Post subject: |
|
|
Možda ovo pomogne. |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 06.11.2005 19:34 Post subject: |
|
|
ma vidi ti to! |
|
|
Back to top |
|
|
gog
Joined: 18 Jun 2004 Posts: 679 Location: zagreb
|
Posted: 06.11.2005 20:59 Post subject: |
|
|
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... |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 06.11.2005 22:34 Post subject: |
|
|
to nije floating... to je ono o čemu je Pepa govorio, odnosno inline tehnika
ivane, postao si vrijedan resurs |
|
|
Back to top |
|
|
gog
Joined: 18 Jun 2004 Posts: 679 Location: zagreb
|
Posted: 06.11.2005 22:51 Post subject: |
|
|
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... |
|
|
Back to top |
|
|
ivan2704
Joined: 05 May 2005 Posts: 13
|
Posted: 06.11.2005 23:02 Post subject: |
|
|
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. |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 06.11.2005 23:29 Post subject: |
|
|
Jedini problem je naravno DEL element ... smrt za semantiku nelči, trebaš odlučit je li ti IE toliko važan |
|
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
|
Back to top |
|
|
ivan2704
Joined: 05 May 2005 Posts: 13
|
Posted: 06.11.2005 23:59 Post subject: |
|
|
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. |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 07.11.2005 12:01 Post subject: |
|
|
@gog - u pravu si, block nije uvijek potreban |
|
|
Back to top |
|
|
|