Commenti a: Lista orizzontale centrata (CSS) http://andrealazzarotto.com L'eco del Pinguino ...ino ...ino Wed, 23 May 2012 11:25:46 +0000 hourly 1 http://wordpress.com/ Di: Webdesign Kassel http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-18482 Tue, 03 May 2011 15:32:28 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-18482 nice tutorial, you blog is very helpfull for me.

]]> Di: Francesco http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-18211 Thu, 10 Feb 2011 13:19:29 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-18211 Oltre l’accessibilità W3C, voglio verificare oltre al browser di Explorer, Firefox e Safari se si vede bene nello stesso modo di explorer.

Comunque bravo Andrea.

]]> Di: 2010 in review « Il blog di Andrea Lazzarotto http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-18075 Mon, 03 Jan 2011 18:00:49 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-18075 [...] Lista orizzontale centrata (CSS) November 2006 24 comments 4 [...]

]]> Di: salvatore http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-17725 Tue, 09 Nov 2010 13:56:17 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-17725 grazie per l’aiuto, un saluto :)

]]> Di: Lazza http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-17597 Sat, 02 Oct 2010 10:21:37 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-17597 Sono molto felice di essere stato d’aiuto a chi lavora con software libero!

]]> Di: Siti Web Livorno Design http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-17596 Fri, 01 Oct 2010 21:49:38 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-17596 Grazie ottimo articolo mi è stato d’aiuto !
Saluti

]]> Di: Lazza http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-15135 Fri, 23 Jan 2009 14:52:14 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-15135 :-)

]]> Di: igor http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-15127 Sun, 18 Jan 2009 15:56:41 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-15127 Usando “margin: 0 auto” si riesce generalmente a centrare un box di tipo block, tuttavia effettivamente rimane difficoltoso far si che gli item siano centrati all’interno dello stesso.

Per quanto riguarda il tuo ingegnoso workaround, se posso permettermi io lo proverei a riscrivere cosi’:

<div id="navcontainer">
<ul id=”navlist”>
<li><a href=”#” id=”current”>Elemento 1</a></li><!--
--><li><a href=”#”>Elemento 2</a></li><!--
--><li><a href=”#”>Elemento 3</a></li><!--
--><li><a href=”#”>Elemento 4</a></li><!--
--><li><a href=”#”>Elemento 5</a></li><!--
--><li><a href=”#”>Elemento 5</a></li><!--
--><li><a href=”#”>Elemento 5</a></li><!--
--></ul>
</div>

Ma certamente è questione di gusti!

]]> Di: Lazza http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-15126 Sun, 18 Jan 2009 10:33:14 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-15126 Ok, però il problema è anche che… Il problema non ci deve essere! Semplicemente per il fatto che per centrare i float è un po’ più lunga la faccenda, e se io voglio avere gli elementi inline devo poterlo fare! Se floati a sinistra non ottieni nulla, perché di quello ce ne sono a bizzeffe su listamatic. ;-)
Il problema è proprio la centratura. In realtà avevo visto anche un metodo per centrare coi float online, ma è un po’ macchinoso in un certo senso. :-)
Grazie per Firebug, la conoscevo già (la uso tantissime volte, non potrei farne a meno).

]]> Di: igor http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-15122 Sat, 17 Jan 2009 19:30:12 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-15122 Credo che il problema di fondo nasca dall’aver assegnao “display:inline” ad un blocco di tipo list-item. Suppongo che così facendo si introducono una serie di bug tra cui il fatto che inizia considerare gli spazi tra i vari elementi “li”. E il browser non dovrebbe farlo.

Questi menu orizzontali vengono solitamente implementati trami la proprietà float del CSS.


<li style="float:left">item1</li>
<li style="float:left">item2</li>

dovrebbe visulizzarli uno a fianco dell’altro. E conservi la possibilità di agire sui margini perchè gli elementi <li> rimandono di tipo blocco e non inline.

La proprietà è un pò ostica, bisogna stare attenti soprattutto con il maledetto IE6.

Vi do un ultimo consiglio: consoscete FireBug? Se non lo avete installato installatelo immediamente. E’ un plugin per firefox che consente di leggere e manipolare agevolmente l’HTML, CSS, JavaScript (consente persino il debu!) della pagina, piu’ altre utilissime cose (ad esempio monitoraggio delle richiesta AJAX).

]]> Di: Los_Cava http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13970 Tue, 20 May 2008 12:21:34 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13970 Ah lazza! Provincia di vicenza? io treviso!

Se ti va aggiungimi a msn!

]]> Di: Lazza http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13851 Fri, 18 Apr 2008 18:51:38 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13851 @ Aldo, ah ah. :-) Ok, capito.

]]> Di: Aldo http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13849 Fri, 18 Apr 2008 13:28:24 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13849 ah, il nick! :D
quello lo uso nell’account wordpress.com… mi serve per la mia dashboard. Comunque aldolat è ancora vivo e vegeto! :P

]]> Di: A.jendrysik http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13846 Thu, 17 Apr 2008 18:07:33 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13846 Good tutorial.
Greetings from de

]]> Di: Lazza http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13837 Wed, 16 Apr 2008 18:21:41 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13837 @ aldolatino, (a parte i complimenti per il nuovo nick :-) … ) uso abitualmente quello. Tuttavia si comporta un po’ come gli pare. :-P

]]> Di: aldolatino http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13834 Wed, 16 Apr 2008 16:15:30 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13834 Il code funzia, il pre no. Se non erro, dipende dal CSS. Ciao! ;)

]]> Di: aldolatino http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13833 Wed, 16 Apr 2008 16:14:14 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13833 Andrea, per evitare che WP trasformi il doppio trattino in tratto lungo, prova ad usare il tag HTML code oppure pre. Li provo io stesso qui:
sudo apt-get install --reinstall linux
e ora il pre:
sudo apt-get install –reinstall linux

]]> Di: elphio http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13154 Wed, 30 Jan 2008 18:41:00 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13154 ah… quello è il risultato di ?
Fiquo...

]]> Di: Lazza http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13153 Wed, 30 Jan 2008 16:19:02 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13153 Nessun plugin, è il tema che è fatto così. Per quanto riguarda i doppi meno… Non risolvo, il problema c’è e rimane.

]]> Di: elphio http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13152 Wed, 30 Jan 2008 15:59:36 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13152 Domanda… come fai ad evidenziare il codice in wordpress?
Usi qualche plugin?
e quando usi i doppi meno (esempio scrivendo –verbose) come risolvi il fatto che WP li unisce in un unico tratto lungo?

]]> Di: Lazza http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13098 Fri, 25 Jan 2008 15:26:39 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13098 Della provincia. Per queste cose trovi comunque i miei contatti sulla pagina About. :-)

]]> Di: Manu T http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-13097 Fri, 25 Jan 2008 15:25:23 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-13097 anke tu di vicenza?

]]> Di: Lazza http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-6217 Wed, 08 Aug 2007 20:02:33 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-6217 Prego. :-)

]]> Di: franco http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-6196 Wed, 08 Aug 2007 08:01:40 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-6196 bel menu grazie

]]> Di: Lazza http://andrealazzarotto.com/progetti/lista-orizzontale-centrata-con-i-css/#comment-629 Mon, 16 Apr 2007 16:46:46 +0000 http://lazza.wordpress.com/lista-orizzontale-centrata-con-i-css/#comment-629 Io sono in provincia di Vicenza. ;-)

]]>