ottimizzare codice

**tuttoinfo** · 19-10-2003, 05:53

Come si puo ottimizzare questo codice mantenendo lo stesso risultato??

Codice PHP:




<table width=600 height=2 border=1 cellspacing=0 align=center> 

  <tr>

    <td width=200 bgcolor=#777699" align=center valign=middle> 

      

nuova tabella</p> 

    </td>

  </tr> 

</table>

<table width=600 height=200 border=1 cellspacing=0 align=center> 

  <tr> 

    <td width=200 bgcolor=#336699" align=center valign=middle> 

      <h1>1° cella</h1> 

    </td> 

    <td width=200 bgcolor=#ffcc00" align=center valign=middle> 

      <h1>2° cella</h1> 

    </td> 

    <td width=200 bgcolor=#cc6600" align=center valign=middle> 

      <h1>3° cella</h1> 

    </td> 

  </tr> 

<tr> 

    <td width=200 bgcolor=#336699" align=center valign=middle> 

      <h1>1° cella</h1> 

    </td> 

    <td width=200 bgcolor=#ffcc00" align=center valign=middle> 

      <h1>2° cella</h1> 

    </td> 

    <td width=200 bgcolor=#cc6600" align=center valign=middle> 

      <h1>3° cella</h1> 

    </td> 

  </tr> 

</table>

<table width=600 height=2 border=1 cellspacing=0 align=center> 

  <tr>

    <td width=200 bgcolor=#777699" align=center valign=middle> 

      

nuova tabella</p> 

    </td>

  </tr> 

</table>

**dover** · 19-10-2003, 08:29

...utilizzando il colspan
(espandi cella in direzione della colonna)
e ingliobando tutto in un'unica tabella. E' più correttto.
Ciao,
dover

<table width=600 height=2 border=1 cellspacing=0 align=center>
<tr>
<td width=200 bgcolor=#777699" align=center valign=middle>

nuova tabella</p>
</td>
</tr>
</table>
<table width=600 height=200 border=1 cellspacing=0 align=center>
<tr>
<td width=200 bgcolor=#336699" align=center valign=middle>
<h1>1° cella</h1>
</td>
<td width=200 bgcolor=#ffcc00" align=center valign=middle>
<h1>2° cella</h1>
</td>
<td width=200 bgcolor=#cc6600" align=center valign=middle>
<h1>3° cella</h1>
</td>
</tr>
<tr>
<td width=200 bgcolor=#336699" align=center valign=middle>
<h1>1° cella</h1>
</td>
<td width=200 bgcolor=#ffcc00" align=center valign=middle>
<h1>2° cella</h1>
</td>
<td width=200 bgcolor=#cc6600" align=center valign=middle>
<h1>3° cella</h1>
</td>
</tr>
</table>
<table width=600 height=2 border=1 cellspacing=0 align=center>
<tr>
<td width=200 bgcolor=#777699" align=center valign=middle>

nuova tabella</p>
</td>
</tr>
</table>

**tuttoinfo** · 19-10-2003, 18:17

Scusa ma cosa intendi?

non vedo nessuna differenza tra il codice che ho scritto io e quello che hai scritto tu!

potresti essere piu0' chiaro perfavore!grazie

**dover** · 19-10-2003, 18:24

Hai ragione: Ti ho riscritto la stessa tabella. Ecco la modifica
<table width=600 height=2 border=1 cellspacing=0 align=center>
<tr>
<td colspan=3 bgcolor=#777699" align=center valign=middle>

cella con colspan=3</p>
</td>
</tr>
<tr>
<td width=200 bgcolor=#336699" align=center valign=middle>
<h1>1° cella</h1>
</td>
<td width=200 bgcolor=#ffcc00" align=center valign=middle>
<h1>2° cella</h1>
</td>
<td width=200 bgcolor=#cc6600" align=center valign=middle>
<h1>3° cella</h1>
</td>
</tr>
<tr>
<td width=200 bgcolor=#336699" align=center valign=middle>
<h1>1° cella</h1>
</td>
<td width=200 bgcolor=#ffcc00" align=center valign=middle>
<h1>2° cella</h1>
</td>
<td width=200 bgcolor=#cc6600" align=center valign=middle>
<h1>3° cella</h1>
</td>
</tr>
<tr>
<td colspan=3 bgcolor=#777699" align=center valign=middle>

cella con colspan=3</p>
</td>
</tr>
</table>

dover

**tuttoinfo** · 19-10-2003, 18:39

grazie dover!

ora mi spieghi a cosa serve il collspan?

**$$$** · 19-10-2003, 18:41

codice:

<html>

  <head>
    <style type="text/css">
    <!--

      table.maincontainer {
        width: 600px;
        text-align: center;
        vertical-align: middle;
      }

      td.segment {
        background-color: #777699;
        color: #000000;
      }

      td.seg_a {
        background-color: #336699;
        color: #000000;
        height: 100px;
      }

      td.seg_b {
        background-color: #ffcc00;
        color: #000000;
        height: 100px;
      }

      td.seg_c {
        background-color: #cc6600;
        color: #000000;
        height: 100px;
      }

    //-->
    </style>
  </head>

  <body>

    <table align="center" border="1" cellspacing="0" class="maincontainer">
      <tr>
        <td colspan="3" class="segment">NUOVA TABELLA A</td>
      </tr>
      <tr>
        <td class="seg_a"><h1>CELLA 1A</h1></td>
        <td class="seg_b"><h1>CELLA 2A</h1></td>
        <td class="seg_c"><h1>CELLA 3A</h1></td>
      </tr>
      <tr>
        <td class="seg_a"><h1>CELLA 1B</h1></td>
        <td class="seg_b"><h1>CELLA 2B</h1></td>
        <td class="seg_c"><h1>CELLA 3B</h1></td>
      </tr>
      <tr>
        <td colspan="3" class="segment">NUOVA TABELLA B</td>
      </tr>
    </table>

  </body>

</html>

**dover** · 19-10-2003, 18:46

Colspan e rowspan servono ad espandere le celle in orizzontale e verticale senza dover usare le tabelle annidate.
C'è un'ottima guida sull'html, che con mini lezioncine, prealtro divertenti ti spiegherà tutto alla perfezione: Questo è l'url:
www.aspide.it/manuale/basic/index.htm
Ciao!
dover

**tuttoinfo** · 19-10-2003, 19:22

Grazie a tutti per l'aiuto datomi siete veramente gentili!

grazie a te $$$ per l'esempio coi css che presto vedro' se puo andare meglio del semplice html!

vi faro' sapere ciaoooo

**tuttoinfo** · 19-10-2003, 23:15

Originariamente inviato da dover
Hai ragione: Ti ho riscritto la stessa tabella. Ecco la modifica
<table width=600 height=2 border=1 cellspacing=0 align=center>
<tr>
<td colspan=3 bgcolor=#777699" align=center valign=middle>

cella con colspan=3</p>
</td>
</tr>
<tr>
<td width=200 bgcolor=#336699" align=center valign=middle>
<h1>1° cella</h1>
</td>
<td width=200 bgcolor=#ffcc00" align=center valign=middle>
<h1>2° cella</h1>
</td>
<td width=200 bgcolor=#cc6600" align=center valign=middle>
<h1>3° cella</h1>
</td>
</tr>
<tr>
<td width=200 bgcolor=#336699" align=center valign=middle>
<h1>1° cella</h1>
</td>
<td width=200 bgcolor=#ffcc00" align=center valign=middle>
<h1>2° cella</h1>
</td>
<td width=200 bgcolor=#cc6600" align=center valign=middle>
<h1>3° cella</h1>
</td>
</tr>
<tr>
<td colspan=3 bgcolor=#777699" align=center valign=middle>

cella con colspan=3</p>
</td>
</tr>
</table>

dover

Se io al primo <td> al posto di lasciare collspan=3 cambio con collspan=5 cosa cambia???

**dover** · 20-10-2003, 04:25

colspan=3 (non collspan) è perchè sotto ci sono tre celle e il colspan=3 crea una cella che occupa lo spazio di tre (appunto quelle che stanno sotto). Ma perchè complicarsi la vita?
Ciao,
dover

Discussione: ottimizzare codice

Strumenti discussione

Ricerca discussione

Visualizza

ottimizzare codice

Così...

Rinco...

io farei cosi... coi css...

colspan e rowspan

Re: Rinco...

Permessi di invio