-
Problema con CSS
Salve,
come potete vedere tutti su www.morenos.altervista.org ho un problemino.
Ho fatto questo sito con Photoshop e Dreamweaver.
Il problema é che non riesco a togliere gli "spessori" tra un immagine e l'altra.
Ho messo: cellspacing="0" border="0" ad ogni immagine ma niente...
Spero che qualcuno mi possa aiutare... :wink:
-
Metti questo codice nel css:
Codice:
td {
margin:0px;
padding:0px;
}
Ricopia questo codice (ho eliminato il width alla tabella delle immagini)
Codice HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sito di Moreno</title>
<link href="sitomoreno.css" rel="stylesheet" type="text/css" />
<body>
<div align="center">
<table border="0" cellspacing="0">
<tr>
<td width="264" rowspan="3"><img src="immagini/Sito-Moreno_01.jpg" width="264" height="695" border="0" cellspacing="0"/></td>
<td colspan="5"><img src="immagini/Sito-Moreno_02.jpg" width="492" height="152" border="0" cellspacing="0" /></td>
<td width="283" rowspan="3"><img src="immagini/Sito-Moreno_03.jpg" width="268" height="695" border="0" cellspacing="0"/></td>
</tr>
<tr>
<td width="122"><img src="immagini/Sito-Moreno_04.gif" width="122" height="66" border="0" cellspacing="0"/></td>
<td width="76"><img src="immagini/Sito-Moreno_05.gif" width="76" height="66" border="0" cellspacing="0"/></td>
<td width="133"><img src="immagini/Sito-Moreno_06.gif" width="133" height="66" border="0" cellspacing="0" /></td>
<td width="80"><img src="immagini/Sito-Moreno_07.gif" width="80" height="66" border="0" cellspacing="0" /></td>
<td width="0"><img src="immagini/Sito-Moreno_08.gif" width="81" height="66" border="0" cellspacing="0" /></td>
</tr>
<tr>
<td height="421" colspan="5" valign="top"><p> </p>
<p class="Titoli">Titolo</p>
<p class="Testo"> Qui ci va il testo nero Verdana piccolo.</p> </td>
</tr>
<tr>
<td colspan="7"><img src="immagini/Sito-Moreno_10.jpg" width="1024" height="73" border="0" cellspacing="0" /></td>
</tr>
</table>
</div>
</body>
</html>
In questo modo sono stati eliminati gli spazi tra un'immagine e l'altra ed il footer si è aggiustato.
Come consiglio, non strutturare le pagine con le tabelle, quelle servono solo a contenere dati e non a creare template.
Al posto delle <table> utilizza i <div>.
Soprattutto perchè utilizzi il foglio di stile e anche dreamweaver.
-
layout con tabelle... orrore !!:razz:
separare sempre il contenuto dallo stile!
-
Grazie 1000 musicanapoli!!
Nukta, sto imparando adesso ad usare CSS...