Newsgroup: it.comp.www.html
Titolo: come si fa a centrare una tabella?

Ho una semplice tabella fatta con i css:
 
<div id="tab" class="tabella">
      <div id="r1" class="riga">
           <div id="c1" class="cella">a</div>
           <div id="c2" class="cella">a</div>
      </div>
      <div id="r2" class="riga">
           <div id="c5" class="cella">adfsdfsdf</div>
           <div id="c6" class="cella">a</div>
      </div>
</div>
 
e come file css il semplicissimo:
 
.riga {
   clear: left;
}
.cella {
	height: auto; /* forse va modificato */
	width: 100px;
	float: left;
	border: none;
}
 
Volevo semplicemente centrare la tabella un po' quello che fa:
<table align="center">
 
è complicato? qualcuno può indicarmi il link dove potere avere la 
risposta senza leggere tutto il manuale dei css?
 
-- 
Sandro kensan 
www.kensan.it
 & 
www.qiqi.it
 geek site
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

trovato, questo il codice che in pratica centra un float ovvero centra 
una tabella e fa lo stesso di un <table alig="center>:
 
.riga {
   clear: left;
}
.cella {
	height: auto; /* forse va modificato */
	width: 100px;
	float: left;
	border: 1px solid;
}
.centeredtab{
   margin-left: -100px; /*la larghezza di meta' colonne della tabella*/
   position:relative;
   left:50%;
}
 
centeredtab esegue la centratura del float ovvero della tabella. Questo 
il link dove ho trovato l'esempio:
http://www.pmob.co.uk/temp/centred-float4.htm
 
questo il codice html:
 
<div class="centeredtab">
   <div id="tab" class="tabella">
      <div id="r1" class="riga">
           <div id="c1" class="cella">a</div>
           <div id="c2" class="cella">a</div>
      </div>
      <div id="r2" class="riga">
           <div id="c5" class="cella">a</div>
           <div id="c6" class="cella">a</div>
      </div>
   </div>
</div>


 Ho una semplice tabella fatta con i css:
 
Perche`?
 
Se e` una tabella, usa table. E` li` apposta.
 
Bye.


 Se e` una tabella, usa table. E` li` apposta.
 
Dicono che la tabella non dovrebbe essere usata per il layout e io 
dovrei metterci dentro le celle delle immagini, in pratica:
 
         <table align="center">
           <tbody>
             <tr>
               <td><img alt="1" src="images/1.png"></td>
               <td><img alt="2" src="images/2.png"></td>
             </tr>
             <tr>
               <td><img alt="3" src="images/3.png"></td>
               <td><img alt="4" src="images/4.png"></td>
             </tr>
           </tbody>
         </table>
 
va bene la tabella o è meglio i css? che tra l'altro mi permetterebbero 
maggiore libertà nel fissare la disposizione delle immagini, potrei 
metterci anche una cornice e fissare gli spazi intorno alle immagini.
-- 
Sandro kensan 
www.kensan.it
 & 
www.qiqi.it
 geek site


 dovrei metterci dentro le celle delle immagini, in pratica:
 
L'elemento table non va usato per fare il layout, e` corretto.
 
Ma se la tua e` una tabella, e le immagini hanno senso solo se 
visualizzate in una tabella, va bene table.
 
Certo, se e` una gallery fotografica (tradotto: "una lista non numerata 
di immagini"), usi ul.
 
Se e` un elenco di schermate per la configurazione di un software 
(classico tutorial per windows o photoshop) usi ol.
 
Se e` una tabella in cui nella prima colonna hai il logo di un prodotto, 
e nelle colonne successive dei mini-grafici riferiti a certe 
caratteristiche, e` una table.
 
Insomma: devi valutare a cosa servono le immagini.
 
Bye.
