Ciao a tutti,
ho il seguente problema, ho realizzato la grafica del mio sito con Fireworks, dopo di che ho importato tutto in DW.
Ora voglio allineare in centro la tabella e avere tot px sopra e tot px sotto di margine.
Ho pensato di fare un div container con queste caratteristiche, la tabella si muove esattamente dove voglio, ma una volta che salvo e che faccio il preview la tabella torna dov era prima senza seguire le regole del div...
questo è il codice
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>home.gif</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">td img {display: block;}</style> </head> <body bgcolor="#ffffff"> <div class="container" align="center" style="border-top-width:100px; border-bottom-width:100px"> <table width="964" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="display: inline-table;"> <tr> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="22">[img]images/header.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="12">[img]images/home_r2_c1.gif[/img]</td> <td>[img]images/home.gif[/img]</td> <td>[img]images/home_r2_c14.gif[/img]</td> <td>[img]images/chi_siamo.gif[/img]</td> <td>[img]images/home_r2_c16.gif[/img]</td> <td>[img]images/prodotti.gif[/img]</td> <td>[img]images/home_r2_c18.gif[/img]</td> <td>[img]images/galleria.gif[/img]</td> <td>[img]images/home_r2_c20.gif[/img]</td> <td>[img]images/contattaci.gif[/img]</td> <td>[img]images/home_r2_c22.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="11">[img]images/sidebar_home.gif[/img]</td> <td rowspan="11" colspan="11">[img]images/content_home.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td rowspan="4" colspan="4">[img]images/home_r4_c1.gif[/img]</td> <td colspan="3">[img]images/txt_serramenti.gif[/img]</td> <td rowspan="4" colspan="4">[img]images/home_r4_c8.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="3">[img]images/home_r5_c5.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td rowspan="2">[img]images/home_r6_c5.gif[/img]</td> <td>[img]images/txt_porte.gif[/img]</td> <td rowspan="2">[img]images/home_r6_c7.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td>[img]images/home_r7_c6.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td rowspan="6">[img]images/home_r8_c1.gif[/img]</td> <td colspan="9">[img]images/txt_complementi_d'arredo.gif[/img]</td> <td rowspan="6">[img]images/home_r8_c11.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="9">[img]images/home_r9_c2.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td rowspan="2" colspan="2">[img]images/home_r10_c2.gif[/img]</td> <td colspan="5">[img]images/img_sidebar.gif[/img]</td> <td rowspan="2" colspan="2">[img]images/home_r10_c9.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="5">[img]images/home_r11_c4.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td rowspan="2">[img]images/home_r12_c2.gif[/img]</td> <td colspan="7">[img]images/txt_amiamo.gif[/img]</td> <td rowspan="2">[img]images/home_r12_c10.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="7">[img]images/home_r13_c3.gif[/img]</td> <td>[img]images/spacer.gif[/img]</td> </tr> </table> </div> </body> </html>
grazie a tutti
Rispondi quotando
