Newsgroup: it.lavoro.professioni.webmaster
Titolo: Problema con css

Ho impostato queste 2 tabelle:
<table class="tabella6">
<tr>
<td width="70%">
<table class="tabella9">
<tr>
 <td>qui ci va il testo</td>
</tr>
</table>
</td>
<td width="30%">anche qui</td>
</tr>
</table>
 e le classi relative sono:
.tabella6 {
 background-color: transparent;
 background-image: url("img/mm.gif");
 border-top: none;
 border-right: none;
 border-bottom: 1px solid #000000;
 border-left: none;
 padding: 4px 4px 4px 4px;
 width: 100%;
 margin: 0 auto;
 font-size: 13px;
 font-family: Verdana, helvetica, sans serif, arial;
 font-weight: bold;
 color: #ffffff;
 }
.tabella9{
 background-color: #ffffff;
 border-style: none;
 border-color: none;
 width: 90%;
 padding: 4px 4px 4px 4px;
 margin: 0px auto;
 }
Ora il problema č che i 4 px di padding non li vedo... ho anche provato a
esagerare e mettere un padding di 40 px, ma niente...
Dove sbaglio?
Grazie.
Daniele
-- 
Ludus: Vignette, Fumetti, Illustrazioni
http://www.ludus.info
http://www.cartoonsandcomics.net
"Quanto costa un sito?" chiese il cliente al webmaster.
"Non ne ho la piů pallida idea." rispose il webmaster al cliente.


prova a mettere cellpadding="4" dentro il tag <table>.
Cooper.
-- 
BlueWare Web Agency
   [http:] 
www.blueware.it
   [msn:] 
coo...@blueware.it
   [icq:] 146781935 

 prova a mettere cellpadding="4" dentro il tag <table>.
così funziona... è che volevo fare tutto tramite css...
non dovrebbe essere la stessa cosa?
Daniele
-- 
Ludus: Vignette, Fumetti, Illustrazioni
http://www.ludus.info
http://www.cartoonsandcomics.net
"Ecco un sito in flash: un film senza trama pieno di effetti speciali."


a quanto pare no, probabilmente perchè il table ha priorità sul padding 
rispetto allo stile (ma questo è solo una mia ipotesi).


esagerare e mettere un padding di 40 px, ma niente...
Con Mozilla 1.73 e FF 1.0 li vedo. 
Per esempio se esagero e uso 114px di padding li vedo *molto* bene :-)
.tabella6 {
 background-color: transparent;
 background-image: url("img/mm.gif");
 border-top: none;
 border-right: none;
 border-bottom: 1px solid #000000;
 border-left: none;
 padding: 114px 114px 114px 114px;
 width: 100%;
 margin: 0 auto;
 font-size: 13px;
 font-family: Verdana, helvetica, sans serif, arial;
 font-weight: bold;
 color: #ffffff;
 }
.td70{width:70%;}
.td30{width:30%;}
.tabella9{
 background-color: #ffffff;
 border-style: none;
 border-color: none;
 width: 90%;
 padding: 114px 114px 114px 114px;
 margin: 0px auto;
 }
<table class="tabella6">
 <tr>
  <td class="td70">
   <table class="tabella9">
    <tr>
     <td>qui ci va il testo</td>
    </tr>
   </table>
  </td>
  <td class="td30">anche qui</td>
 </tr>
</table>
Ovviamente con IE non si vedono :-)
Tieni presente che con:
.tabella6 {
 background-color: transparent;
 background-image: url("img/mm.gif");
 border-top: none;
 border-right: none;
 border-bottom: 1px solid #000000;
 border-left: none;
 width: 100%;
 margin: 0 auto;
 font-size: 13px;
 font-family: Verdana, helvetica, sans serif, arial;
 font-weight: bold;
 color: #ffffff;
 }
.td70{width:70%; padding: 114px 114px 114px 114px;}
.td30{width:30%; padding: 114px 114px 114px 114px;}
.tabella9{
 background-color: #ffffff;
 border-style: none;
 border-color: none;
 width: 90%;
 margin: 0px auto;
 }
.tabella9 td{padding: 114px 114px 114px 114px;}
Hai un risultato diverso, cioe' il padding e' relativo ai TD non a
TABLE. Cosi' funziona in modo simile sia in IE che Mozilla.
Dipende ovviamente da quello che vuoi ottenere :-)
'bye

 non dovrebbe essere la stessa cosa?
No, l'equivalente di cellpadding="4" in CSS è
   td, th {padding:4px;}

 Dipende ovviamente da quello che vuoi ottenere :-)
vorrei ottenere un semplice spazio di 4 pixel da ogni bordo della cella.
Grazie a tutti, cmq.
Daniele
-- 
Ludus: Vignette, Fumetti, Illustrazioni
http://www.ludus.info
http://www.cartoonsandcomics.net
"Ecco un sito in flash: un film senza trama pieno di effetti speciali."

 .td30{width:30%;}
Ho usato queste classi:
.td70{width:70%; padding: 8px 8px 8px 8px;}
.td30{width:30%; padding: 8px 8px 8px 8px;}
e nelle tabelle ho tolto il padding.
Ora è perfetto su IE6, NN7, Opera 7, Mozilla. FF non ce l'ho.
Grazie dei consigli.
Daniele
-- 
Ludus: Vignette & Fumetti
http://www.ludus.info
http://www.cartoonsandcomics.net
"Le uniche differenze di classe che conosco sono all'interno del mio foglio
di stile."