Dreamweaver e CSS: centrare la tabella

Di: roby49 | 26/09/2020 17:32:51
qualcuno mi aiuta ad inserire in questa regola il codice per centrare l tabelle presenti nella pagine associata?
Ci ho provato ma ho combinato solo guai..
Grazie
<<<<<
body {
font-family: Verdana, Geneva, sans-serif;
background-image: url(../foto/sfondo%20grigio.jpg);
}
table {
font-family: Verdana, Geneva, sans-serif;
background-color: #CCC;
font-weight: bold;
font-size: 14px;
text-align: center;
}
>>>>>

Risposte



Una tabella, a differenza del DIV è meglio centrarla in questo modo:
<table width="600" border="0" align="center">
<tr>
<td>Tabella centrata</td>
</tr>
</table>
Tuttavia se vuoi centrarla col foglio di stile, in primis non devi commettere errori di apertura e chiusura delle parentesi nello stile, secondo, le proprietà di centratura vanno inserite nella regola body e non in table... in table invece devi inserire le proprietà della tabella: larghezza, eventuale altezza, bordi, sfondi ecc.
questo è il foglio di stile da usare:
<style type="text/css">
<!--
body {
font-family: Verdana, Geneva, sans-serif;
background-image: url(../foto/sfondo%20grigio.jpg);
text-align: center;
}
table {
font-family: Verdana, Geneva, sans-serif;
background-color: #CCC;
font-weight: bold;
font-size: 14px;
text-align: center;
width: 600px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
-->
</style>
e questa è la tabella:
<table>
<tr>
<td>Tabella centrata</td>
</tr>
</table>
Poi da ricordare che il file di sfondo ../foto/sfondo%20grigio.jpg devi rinominarlo in "sfondo_grigio.jpg" e non "sfondo grigio.jpg" Non lasciare mai degli spazi vuoti altrimenti, per necessità l'interprete deve assegnare %20, cioè "sfondo%20grigio.jpg" e questo vale per tutti i file... puoi usare anche il trattino "sfondo-grigio" oppure tutto attaccato "sfondogrigio" ma mai lasciare spazi, soprattutto nelle pagine HTML... "dove_siamo.htm", "chi_siamo.htm" ecc.

Di: Gian Paolo | 26/09/2020 17:33:51


grazie 1000, cercherò di fare tesoro dei tuoi consigli..

Di: roby49 | 26/09/2020 17:33:51