Originariamente inviato da mrorange
Salve ho un problema con i CSS, non sono un espertissimo, comunque, sto facendo un box news semplice, una tabella con tre righe. Nella prima riga ho messo un "div" che inserisce un'immagine di sfondo superiore (il cappuccio della news box), nella centrale un "div" che mette lo sfondo e nella terza un "div" che mette il cappuccio finale.
In explorer si vede bene, in Fireworks e Opera mi si vede uno spazio superiore e inferiore che non riesco a togliere!
Mi aiutate! Please
ecco il codice:
HTML:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom"><div id="noticias_sfondo_cup_un"></div></td>
</tr>
<tr>
<td bgcolor="#66FF00"><div id="noticias_sfondo_center_un">
</p>
</p>
</div></td>
</tr>
<tr>
<td valign="top"><div id="noticias_sfondo_bot_un"></div></td>
</tr>
</table>
CSS:
div#noticias_sfondo_cup_un {
/* see body style css */
background-color: #fff;
background-repeat: no-repeat;
height: 38px;
/*background-position: center center;*/
background-image: url('images/noticias_sfondo_cup_unic.jpg');
}
div#noticias_sfondo_bot_un {
/* see body style css */
background-color: #fff;
background-repeat: no-repeat;
/*background-position: center center;*/
height: 20px;
background-image: url('images/noticias_sfondo_bot_unic.jpg');
}
div#noticias_sfondo_center_un {
/* see body style css */
background-color: #fff;
background-repeat: repeat-y;
margin: 0px 0px 0px 0px;
/*background-position: center center;*/
background-image: url('images/noticias_sfondo_center_unic.jpg');
}
Rispondi quotando