Dilemma tabelle

[simoniako]

Ciao a tutti,
premetto che non sono un esperto, anzi .
Sto combattendo da ore con l'allineamento dei testi in tre caselle che ho creato nella mia newsletter.
In pratica dovrei centrare i testi al centro di ogni cella (composta da due righe ciascuna).
Non so perché la prima si allinea mentre le altre due tendono ad allinearsi a sinistra!
Questo è il codice...grazie tante in anticipo a chi mi aiuterà.

<td valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background: #ecf0f3; width: 186px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td mc:edit="link8" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 3px 10px 0 10px; text-align: left;"><div style="text-align: center; ">
<span style="font-family:verdana,geneva,sans-serif;">prova prova prova</span></div>
</td>
</tr>
<tr>
<td mc:edit="link9" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 0 10px 6px; text-align: left;"><div style="text-align: center; ">
<span style="font-family:verdana,geneva,sans-serif;">prova prova prova</span></div>
</td>
</tr>
</table>
</td>
<td style="width: 21px;"></td>
<td style="background: #ecf0f3; width: 186px;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td mc:edit="link10" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 3px 10px 0 10px; text-align: left;"><div style="text-align: center; ">
<span style="font-family:verdana,geneva,sans-serif;">prova prova prova</span></div>
</td>
</tr>
<tr>
<td mc:edit="link11" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 0 10px 6px; text-align: left;"><div style="text-align: center; ">
<span style="font-family:verdana;">prova prova prova</span></div>
</td>
</tr>
</table>
</td>
<td style="width: 21px;"></td>
<td style="background: #ecf0f3; width: 186px;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td mc:edit="link12" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 3px 10px 0 10px; text-align: left;"><div style="text-align: center;">
<span style="font-family:verdana, geneva, sans-serif">prova prova prova</span></div>
</td>
</tr>
<tr>
<td mc:edit="link13" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 0 10px 6px; text-align: left;"><div style="text-align: center;">
<span style="font-family:verdana,geneva,sans-serif;">prova prova prova</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

[carlomarangoni]

<table border="0" cellpadding="0" cellspacing="0">
 <tr>
 <td style="background: #ecf0f3; width: 186px;">
 <table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tr>
 <td align="center" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 3px 10px 0 10px; text-align: left;" mc:edit="link8"><div style="text-align: center; ">
 <span style="font-family:verdana,geneva,sans-serif;">prova prova prova</span></div>
 </td>
 </tr>
 <tr>
 <td align="center" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 0 10px 6px; text-align: left;" mc:edit="link9"><div style="text-align: center; ">
 <span style="font-family:verdana,geneva,sans-serif;">prova prova prova</span></div>
 </td>
 </tr>
 </table>
 </td>
 <td style="width: 21px;"> </td>
 <td style="background: #ecf0f3; width: 186px;">
 <table border="0" cellpadding="0" cellspacing="0">
 <tr>
 <td align="center" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 3px 10px 0 10px; text-align: left;" mc:edit="link10"><div style="text-align: center; ">
 <span style="font-family:verdana,geneva,sans-serif;">prova prova prova</span></div>
 </td>
 </tr>
 <tr>
 <td align="center" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 0 10px 6px; text-align: left;" mc:edit="link11"><div style="text-align: center; ">
 <span style="font-family:verdana;">prova prova prova</span></div>
 </td>
 </tr>
 </table>
 </td>
 <td style="width: 21px;"> </td>
 <td style="background: #ecf0f3; width: 186px;">
 <table border="0" cellpadding="0" cellspacing="0">
 <tr>
 <td align="center" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 3px 10px 0 10px; text-align: left;" mc:edit="link12"><div style="text-align: center;">
 <span style="font-family:verdana, geneva, sans-serif">prova prova prova</span></div>
 </td>
 </tr>
 <tr>
 <td align="center" style="color:#446687; font-style: Verdana; text-transform: uppercase; font-size:12px; padding: 0 10px 6px; text-align: left;" mc:edit="link13"><div style="text-align: center;">
 <span style="font-family:verdana,geneva,sans-serif;">prova prova prova</span></div>
 </td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 </td>

[simoniako]

Ho provato, il testo è centrato ma è la cella di testo che si allinea a sinistra. Poi ho notato che se riempo con + testo tende a ricentrarsi ma vorrei non dover essere obbligato dal testo.

[ale.mazzini]

quanti align usi?
prova a fare un file css a parte tanto per cominciare
e con gli id
<td id="mioallineamento" ...

oppure dentro la cella <div id="mioallineamento" ...

css
#mioallineamento { text-align: center;}

oppure comincia a studiare
http://www.html.it/pag/14237/agire-sulle-tabelle/

[Prill]

Perché tutte quelle tabelle annidate? Perché metti un text-align:center sulle celle e nella dichiarazione successiva un text-align:left, e poi torni a centrare nel div? Inutile lo span in cui imposti lo stesso carattere. Per distanziare il testo puoi usare padding o margini sul div e impostare su quello lo sfondo. Esempio:

...
<style type="text/css">
<!--
#miaTabella {
	border: none;
	border-collapse:collapse;
	width:568px;
}
#miaTabella td {
	padding:0;
	width:186px;
}
#miaTabella td div{
	padding:2px 10px;
	margin:0 10px;
	font-family:Verdana,Geneva,sans-serif;
	font-size:12px;
	color:#446687;
	background: #ecf0f3;
	text-align:center;
	text-transform:uppercase;
}
-->
</style>
</head>

<body>
<table id="miaTabella">
 <tr>
 <td><div>prova prova prova</div></td>
 <td><div>prova prova prova</div></td>
 <td><div>prova prova prova</div></td>
 </tr>
 <tr>
 <td><div>prova prova prova</div> </td>
 <td><div>prova prova prova</div></td>
 <td><div>prova prova prova</div></td>
 </tr>
 </table>
</body>
</html>

Poi probabilmente potresti anche fare a meno delle tabelle