Problema Tabella

[iDrAsTiiK]

Salve,

ho creato la tabella con Dreamweaver ed esce perfetta.
L'ho copiata in un articolo joomla (html) e dall'anteprima esce perfetta, o perlomeno come la vorrei io.
Ma perchè sul sito non esce bene?

Allego il codice della mia tabella in caso qualcuno mi possa aiutare.

Grazie Mille

Codice: [Seleziona]

<style type="text/css">
#box_testo_commento .testo tr td .s_opz {
    color: #0080FF;
}
</style>
<div id="box_testo_commento">

    <table width="100%" border="0" cellpadding="0" cellspacing="2" class="testo" style="border: 1px solid #E8E8E8;">
 <tr>
<td width="13%" height="50" align="center" valign="middle" bgcolor="#FFFFFF"></td>
<td width="87%" align="left" valign="top" bgcolor="#F7F7F7" style="padding:10px;"><div class="s_opz" style="margin-bottom:5px;">INDIRIZZO</div>
  Via Martiri, 131/1[br /]
  83031 Ariano Irpino (AV)[br /]
  Italia</td>
      </tr>
      <tr align="center" valign="middle"><td></td></tr>
       <tr>
         <td height="50" align="center" valign="middle" bgcolor="#FFFFFF"><span data-mce-style="font-style: italic;"></span></td>
         <td align="left" valign="top" bgcolor="#F7F7F7" style="padding:10px;"><div class="s_opz">CODICE FISCALE &amp; PARTITA IVA</div>
           <strong>C.F.</strong> SCPFNC86M15A509F[br /]
           <strong>P.I.</strong> 02694300647</td>
       </tr>
       <tr>
  <td width="13%" height="50" align="center" valign="middle" bgcolor="#FFFFFF"></td>
  <td width="87%" align="left" valign="top" bgcolor="#F7F7F7" style="padding:10px;"><div class="s_opz">EMAIL</div>    <a href="mailto:info@4s-shop.net" data-mce-href="mailto:info@4s-shop.net">info@4s-shop.net[/url][br /]    <a href="mailto:assistenza@4s-shop.net" data-mce-href="mailto:assistenza@4s-shop.net">assistenza@4s-shop.net[/url]</td>
      </tr>
      <tr align="center" valign="middle"><td></td></tr>
       <tr>
         <td height="50" align="center" valign="middle" bgcolor="#FFFFFF"></td>
         <td align="left" valign="top" bgcolor="#F7F7F7" style="padding:10px;"><div class="s_opz">TELEFONO</div>
           Francesco Scaperrotta: +39 338 46 83 333 [br /]
           Altro: +39 333 6 </td>
       </tr>
      <tr align="center" valign="middle"><td></td></tr>
       <tr>
         <td height="50" align="center" valign="middle" bgcolor="#FFFFFF"></td>
         <td align="left" valign="top" bgcolor="#F7F7F7" style="padding:10px;"><div class="s_opz">SKYPE</div>
           </br>
           <div>
             <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
             <a href="skype:francesco_scaperrotta?chat" title="Francesco Scaperrotta"><img src="http://mystatus.skype.com/bigclassic/francesco_scaperrotta" style="border: none;" width="160" height="44" alt="Il mio stato" />[/url] Francesco Scaperrotta </div>
           <div>
             <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
             <a href="skype:francesco_cardinale_4s-shop?chat" title="Francesco Cardinale"><img src="http://mystatus.skype.com/bigclassic/francesco_cardinale_4s-shop" style="border: none;" width="160" height="44" alt="Il mio stato" />[/url] Francesco Cardinale </div>
           <div>
             <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
           </div></td>
       </tr>
       <tr>
         <td height="50" align="center" valign="middle" bgcolor="#FFFFFF"></td>
         <td align="left" valign="top" bgcolor="#F7F7F7" style="padding:10px;"><div class="s_opz">NEGOZI EBAY</div>
           <a href="http://www.stores.ebay.it/4S-Shop" target="_blank" data-mce-href="http://www.stores.ebay.it/4S-Shop" data-mce-style="font-family: arial; font-size: small;">www.stores.ebay.it/4S-Shop[/url][br /]
           <a href="http://www.stores.ebay.it/4S-Shop-2" target="_blank" data-mce-href="http://www.stores.ebay.it/4S-Shop-2" data-mce-style="font-family: arial; font-size: small;">www.stores.ebay.it/4S-Shop-2[/url]</td>
       </tr>

      <tr><td></td></tr>
    </table>
  </div>
  [br /]

[Murphz]

Se hai la possibilità di far vedere l'errore direttamente sarebbe meglio, 300 righe di codice in nero e sfondo azzurro senza highlight non sono il massimo 


Cosa vuol dire dall'anteprima esce perfetta? l'anteprima di joomla o di dreamweaver? Cosa intendi con non esce bene?

[iDrAsTiiK]

il sito è offline.

Comunque la tabella esce come la voglio io, sia in Dreaweaver che nell'anteprima dell'articolo joomla.
Sul sito la tabella esce con i seguenti problemi principali:
- le icone della prima colonna non sono centrate in altezza
- le righe escono molto più alte, con molti spazi vuoti

Grazie Mille

[Murphz]

Sarà un problema di vertical-align: middle    sicuramente....prova a darlo come regola a tutti i td della tabella.

[iDrAsTiiK]

Ecco la soluzione - offerta da Murphz

ti basta aggiungere una regola css del tipo .classetabella td{vertical-align:middle}

E' in un file che si chiama reset.css, c'è


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

all'interno c'è vertical-align:baseline......metti vertical-align:middle;

poi controlla se non ti da problemi in altre parti del sito.