Allineare al centro una lista

[Federix]

Ho una cella dove imposto l'allineamento centrale per gli elementi interni. Dentro la cella c'è un elenco non ordinato che dev'essere disposto su un unica riga, ed ho fatto questo:
[code]
.paginazione { text-align:center; padding:10px 0px; }
.paginazione ul { margin:0px; padding:0px; list-style-type:none; }
.paginazione li { float:left; line-height:20px;}
[code]
e dentro la cella ho questo:

<tr><td colspan="3" class="paginazione"><ul>[*]ciao[*]miao
<ul></td></tr>

Io dovrei allineare al centro tutto l'elenco, ma non riesco in nessun modo

[Mich_]

.paginazione ul { margin:0 auto; padding:0; list-style-type:none; }
questo per i browser standard, mentre per IE dovrebbe gia` pensarci il text-align gia` presente.

[Federix]

Originariamente inviato da Mich_
.paginazione ul { margin:0 auto; padding:0; list-style-type:none; }
questo per i browser standard, mentre per IE dovrebbe gia` pensarci il text-align gia` presente.

No, non funge nemmeno così

[pierofix]

Premetto che non ho mai provato. Tento:

.paginazione *
{
   margin:0; padding:0;
   text-align:center;
}
.paginazione li
{
   display:inline;
}

[Federix]

Così funziona, ma su IE mi si vede male, non compaiono l'uno accanto all'altro ma l'uno sotto l'altro, vedrò se riesco a risolvere con altro, tanto la lista qui non è obbligatoria.

[Mich_]

Originariamente inviato da Federix
No, non funge nemmeno così

Allora devi inserire un blocco in piu`. Infatti i margini a zero nel <ul> e[*] servono per togliere gli spazi extra inseriti dal[*], mentre il
margin 0 auto;
serve per centrare. Quindi il codice diventa:

<tr><td colspan="3" class="paginazione">
  <div class="centr"><ul>[*]ciao[*]miao[/list]</div>
</td></tr>

mentre il CSS:

.paginazione    { 
  text-align:center; 
  padding:10px 0; 
}
.centr {
  margin: 0 auto;
  text-align: auto; /* (oppure left) - opzionale - per bilanciare l'altro */
}
.paginazione ul { margin:0; padding:0; list-style-type:none; }
.paginazione li  { float:left; line-height:20px;}

[Al_katraz984]

Scusa ma usi le tabelle con i CSS????

......mah........

Se puoi nn usare le tabelle.......

(magari ho detto na cazzata... bisognerebbe sapere se è un form o dei dati tabellari)

[Mich_]

Originariamente inviato da Al_katraz984
Scusa ma usi le tabelle con i CSS????

Se puoi nn usare le tabelle.......

(magari ho detto na cazzata... bisognerebbe sapere se è un form o dei dati tabellari)

Le tabelle sono oggetti perfettamente validi. Solo che vanno usati secondo il significato semantico: per intabellare dati (devono quindi avere una relazione di riga E di colonna).

Se si usano te tabelle per intabellare, e` facile formattarle con i CSS, altrimenti la cosa diventa difficile (dato che anche i CSS presuppongono un uso semantico degli oggetti HTML)

[Al_katraz984]

Si ho capito..

Ma lo stesso avrei predisposto il CSS in modo diverso da come ha fatto Federix

[Federix]

Grazie per le informazioni Mich ma ho risolto senza l'utilizzo delle liste, tanto era per elencare i numeri di pagina ed ho trovato un sistema alternativo alle liste.

@Al_katraz
Ho provato a realizzare il portale senza l'uso delle tabelle, ma avevo troppi problemi di incompatibilità tra Firefox e Explorer e ho deciso di usare le tabelle separando contenuti e presentazione.