Tabella con celle vuote

**Ste97** · 24-06-2014, 03:00

Ciao a tutti sono nuovo del forum.
In questi giorni ho ripreso ad utilizzare l'html per un mio "progetto" sui mondiali.. Nonostante abbia già una discreta base, sono alle prime armi quindi "imparo" di volta in volta cercando soluzioni ai problemi che mi trovo davanti.

Praticamente vorrei realizzare una tabella con dei buchi, cioè "eliminando" delle celle all'interno.. allego una foto per rendere meglio l'idea

Avendo uno sfondo alla pagina "non omogeneo" non basta togliere i bordi o modificare il background in modo che dia l'effetto di una cella mancante.. ho anche provato ad utilizzare <tr><td></td></tr> come ho sentito dire, ma visualizza comunque una cella vuota.. io vorrei proprio farla scomparire!

tabella_buchi.jpg

Grazie in anticipo

**KillerWorm** · 24-06-2014, 03:49

Ciao e benvenuto.
L'argomento credo ricada più che altro su CSS.
Puoi usare empty-cells: hide;

Ti posto un esempio da cui puoi prendere spunto:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <style type="text/css">
      body{
        background-color: DarkGreen;
        font-family: sans-serif;
        font-weight: bold;
      }
      table{
        margin: 50px auto 0;
        border-collapse: separate;
        border-spacing: 3px;
        empty-cells: hide;
      }
      table td{
        border: 1px solid;
        border-color: GreenYellow LimeGreen Green;
        background-color: ForestGreen;
        color: White;
        padding: 2px 5px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <table>
      <tr><td>BUFFON</td> <td>CHIELLINI</td>  <td>PIRLO</td>      <td>BALOTELLI</td>  </tr>
      <tr><td>SIRIGU</td> <td>BARZAGLI</td>   <td>MARCHISIO</td>  <td>IMMOBILE</td>   </tr>
      <tr><td>PERIN</td>  <td>BONUCCI</td>    <td>DE ROSSI</td>   <td>CASSANO</td>    </tr>
      <tr><td></td>       <td>PALETTA</td>    <td>VERRATTI</td>   <td>INSIGNE</td>    </tr>
      <tr><td></td>       <td>DARMIAN</td>    <td>MOTTA</td>      <td>CERCI</td>      </tr>
      <tr><td></td>       <td>DE SCIGLIO</td> <td>CANDREVA</td>   <td></td>           </tr>
      <tr><td></td>       <td>ABATE</td>      <td>AQUILANI</td>   <td></td>           </tr>
      <tr><td></td>       <td></td>           <td>PAROLO</td>     <td></td>           </tr>
    </table>
  </body>
</html>

**Ste97** · 24-06-2014, 09:22

Perfetto grazie mille!
Immaginavo che era solo un'istruzione da aggiungere ma proprio non la trovavo

Discussione: Tabella con celle vuote

Strumenti discussione

Ricerca discussione

Visualizza

Tabella con celle vuote

Permessi di invio