Distanziare le righe di una tabella

**superpelo** · 06-03-2006, 14:40

Ciao,

ho creato una pagina con una tabella ma vorrei fare in modo di lasciare dello spazio tra una riga e l'altra. Non ci riesco in nessun modo, sti uscendo pazzo..

Ecco il codice usato:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<HTML lang="it">
<HEAD>
<TITLE></TITLE>
<META NAME="Description" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<STYLE type="text/css">
  @import "style/all.css";

  TABLE{
    width:100%;
    border-collapse: collapse;
  }

  TR{
    border:50px;
  }

  TD{
    vertical-align: top;
    background:#FFF3D5;
    border:1px solid black;
  }

  #col_foto{
    width:150px;
    height:150px;
    pdding:0px;
    margin:0px;
  }

  #foto{
    width:150px;
    height:150px;
    padding:0px;
    margin:0px;
    border:0px;
  }
</STYLE>
</HEAD>
<BODY>

<DIV id="page">
  <DIV id="header">
  </DIV>

  <DIV id="body">
    <DIV id="body_header">
      [img]image/titoli/comunicati-stampa.gif[/img]
    </DIV>
    <DIV id="col_sx">
    </DIV>

    <DIV id="col_centro">
      <DIV id="content">

        <TABLE><TR><TD id="col_foto">[img]public/foto_13.gif[/img]</TD><TD>a</TD></TR>
<TR><TD id="col_foto">[img]public/foto_14.jpg[/img]</TD><TD>b</TD></TR>
</TABLE>      </DIV>
    </DIV>

    <DIV id="pareggiatore"></DIV>
  </DIV>
  <DIV id="footer">
  </DIV>

</DIV>
</BODY>
</HTML>

**Mich_** · 06-03-2006, 16:33

Potresti iniziare a scrivere i codici corretti.

In XHTML Strict non esistono la maggior parte dei tag da te usati (le maiuscole sono vietate), e di conseguenza gli elementi da te individuati nel CSS.

Prova sempre a validare i codici:
validatore HTML
validatore CSS

**superpelo** · 06-03-2006, 17:23

Hai ragione pure te.. ma se noti io nn ho dichiarato come tipo di documento XHTML..

soluzioni al mio problema nn ce ne sono?

**Mich_** · 06-03-2006, 17:35

Opps avevo visto una "X" di troppo.

Comunque i selettori CSS potrebbero non essere riconosciuti se maiuscoli (indipendentemente dal linguaggio HTML usato): dipende dal browser.

Altro errore:
gli id devono essere univoci nella pagina.
Per identificare il CSS puoi usare le classi (che possono essere ripetute):
<tag class="alfa">
...
<tag class="alfa">
...

Il CSS:
.alfa {
...
}

**superpelo** · 06-03-2006, 18:01

Hai ancora ragionissima..

Ma.. il mio problema rimane insoluto..

**Mich_** · 06-03-2006, 18:06

Puoi mettere il link alla pagina?
In alternativa posta nuovamente il codice attuale (immagino avrai fatto varie modifiche, per cui il codice sopra non e` piu` un buon riferimento).

**superpelo** · 06-03-2006, 18:13

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<HTML lang="it">
<HEAD>
<TITLE>Ultimissime</TITLE>
<META NAME="Description" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<STYLE type="text/css">
  @import "style/all.css";
  @import "style/menu.css";

  TABLE{
    width:100%;
    border-collapse: collapse;
  }

  TD{
    vertical-align: top;
    background:#FFF3D5;
    border:1px solid #000000  }

  .col_foto{
    width:150px;
    height:150px;
    padding:0px;
    margin:0px;
  }

  .col_testo{
    padding:5px;
  }

  .foto{
    width:150px;
    height:150px;
    padding:0px;
    margin:0px;
    border:0px;
  }
</STYLE>
<script type="text/javascript">
  window.onload=function(){
    if(document.getElementsByTagName && document.getElementById){
      document.getElementById("navigation").className="jsenable";
      BuildList();
      }
    }

  function BuildList(){
  var hs=document.getElementById("navigation").getElementsByTagName("h3");
  for(var i=0;i<hs.length;i++){
      hs[i].onclick=function(){
          this.parentNode.className=(this.parentNode.className=="show") ? "hide" : "show";
          }
      }
  }
</script>
</HEAD>
<BODY>

<DIV id="page">

  <DIV id="header">
  </DIV>

  <DIV id="body">
    <DIV id="body_header">
      [img]image/titoli/ultimissima.gif[/img]
    </DIV>
    <DIV id="col_sx">
      <DIV id="navigation">

        <UL>
          <LI id="one"><SPAN></SPAN>Cento anni</LI>
          <LI id="two"><SPAN></SPAN>Lo sviluppo economico</LI>
          <LI id="three"><SPAN></SPAN>L'ambiente</LI>
          <LI id="four"><SPAN></SPAN>La cultura</LI>
          <LI id="five"><SPAN></SPAN>I giovani</LI>

          <LI id="six"><SPAN></SPAN>La comunità missagliese</LI>
          <LI id="seven"><SPAN></SPAN>Il sociale</LI>
          <LI id="eight"><SPAN></SPAN>Partners</LI>
          <LI id="nine"><H3><SPAN></SPAN>Press room</H3>
            <UL>
              <LI id="nine_1"><SPAN></SPAN>Comunicati Stampa</LI>

              <LI id="nine_2"><SPAN></SPAN>Rassegna Stampa</LI>[/list]
          </LI>
          <LI id="ten"><SPAN></SPAN>Contatti</LI>[/list]
      </DIV>
    </DIV>

    <DIV id="col_centro">
      <DIV id="content">
        <TABLE><TR><TD class="col_foto">[img]public/foto_13.gif[/img]</TD><TD class="col_testo"><P style="font-weight:bold;">05/05/2006 - a</P>

a</P>

Allegati:
ImmaginePdf</P></TD></TR>
<TR><TD class="col_foto">[img]public/foto_14.jpg[/img]</TD><TD class="col_testo"><P style="font-weight:bold;">05/03/2006 - b</P>

testo testo testo</P>

</P></TD></TR>
</TABLE>      </DIV>
    </DIV>

    <DIV id="pareggiatore"></DIV>
  </DIV>
  <DIV id="footer">
    A.G. Bellavite s.r.l. © 2006 - Missaglia (LC) - Tutti i diritti riservati.
  </DIV>
</DIV>
</BODY>
</HTML>

Discussione: Distanziare le righe di una tabella

Strumenti discussione

Ricerca discussione

Visualizza

Distanziare le righe di una tabella

Ecco qua..

Permessi di invio