Joomla.it Forum
Componenti per Joomla! => Editor => : iDrAsTiiK 17 Feb 2012, 01:01:58
-
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
<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 & 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 /]
-
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 ;D
Cosa vuol dire dall'anteprima esce perfetta? l'anteprima di joomla o di dreamweaver? Cosa intendi con non esce bene?
-
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
-
Sarà un problema di vertical-align: middle ;D sicuramente....prova a darlo come regola a tutti i td della tabella.
-
Ecco la soluzione - offerta da Murphz (http://forum.joomla.it/index.php?action=profile;u=53661)
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.