Problema con CSS

30-12-2009, 00.45.42

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...

30-12-2009, 03.25.42

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>&nbsp;</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.

**nukta** · 30-12-2009, 11.04.12

layout con tabelle... orrore !!

separare sempre il contenuto dallo stile!

30-12-2009, 12.12.19

Grazie 1000 musicanapoli!!

Nukta, sto imparando adesso ad usare CSS...

Discussione: Problema con CSS

LinkBack

Strumenti discussione

Display

Problema con CSS

Regole di scrittura