ottimizzare del codice

[tuttoinfo]

Come posso ottimizzare questo codice :

<table width='430' border='1' bordercolor='#000000'>
 <tr>
  <td align=right width='30%'>a</td>
  <td align=left width='70%'>a</td>
 </tr>
 <tr> 
  <td align=right width='30%'>b</td>
  <td align=left width='70%'>b</td>
 </tr>
 <tr> 
  <td align=right width='30%'>c</td>
  <td align=left width='70%'>c</td>
 </tr>
 <tr> 
  <td align=right width='30%'>d</td>
  <td align=left width='70%'>d</td>
 </tr>
 <tr> 
  <td align=right width='30%'>e</td>
  <td align=left width='70%'>e</td>
 </tr>
 <tr> 
  <td align=right width='30%'>f</td>
  <td align=left width='70%'>f</td>
 </tr>
</table>

con i css ?

[piero06]

esso , usando le classi per i ad esempio

[Francis87]

<table width='430' border='1' bordercolor='#000000'>
 <tr>
  <td class="right">a</td>
  <td class="left">a</td>
 </tr>
 <tr> 
  <td class="right">b</td>
  <td class="left">b</td>
 </tr>
 <tr> 
  <td class="right">c</td>
  <td class="left">c</td>
 </tr>
 <tr> 
  <td class="right">d</td>
  <td class="left">d</td>
 </tr>
 <tr> 
  <td class="right">e</td>
  <td class="left">e</td>
 </tr>
 <tr> 
  <td class="right">f</td>
  <td class="left"></td>
 </tr>
</table>

.right {
 text-align: right;
 width: 30%;
 font-weight: bold;
}
.left {
 text-align: left
 width: 7%;
}

[piero06]

A questo punto puoi "ottimizzare" pure <table>

[Francis87]

Originariamente inviato da piero06
A questo punto puoi "ottimizzare" pure <table>

ha senso se ne hai altre così! se no la lasci com'è adesso... non è un grande problema...
al limite puoi voler mettere TUTTO lo stile in css e quindi:

#idtabella {
 width: 430px;
 border: 1px solid #000000;
}

[piero06]

Si bhè ovvio, ma per arrivare alla massima ottimizzazione meglio fare pure questo

[tuttoinfo]

Ragazzi mi siete stati di grande aiuto! Vi ringrazio di cuore!

Vi chiedo un ultimo favore: questo codice come potrei ottimizzarlo al massimo? :

        <table border='0' cellspacing='1' width='100%' height='20' cellpadding='0' bgcolor='#FF6600'>
          <tr>
            <td width='100%' height='20' > 
              <table border='0' cellspacing='0' height='20' width='100%' cellpadding='0'>
                <tr height='10' valign='middle' bgcolor='#F4E8E9'> 
                  <td height='15'>prova</td>
                </tr>
              </table>
            </td>
          </tr>
        </table>

grazie di cuore

[antos]

vedi se ti piace cosi:

#centrato{
  vertical-algin:middle;
  text-align:center;
  line-height:200px;
  height:200px;
  border:1px solid #FF6600;
  background-color:#F4E8E9;
}

<div id="centrato">
prova
</div>

[tuttoinfo]

Originariamente inviato da antos
vedi se ti piace cosi:

#centrato{
  vertical-algin:middle;
  text-align:center;
  line-height:200px;
  height:200px;
  border:1px solid #FF6600;
  background-color:#F4E8E9;
}

<div id="centrato">
prova
</div>

Grazie!

Ho provato il codice ottimizzato ma non mi da lo stesso risultato di quello che ho postato io! In pratica la tabella è larga quanto tutta la pagina ed alta quanto meta' pagina...un po eccessive come misure...come posso risolvere?

[antos]

Originariamente inviato da tuttoinfo
Grazie!

Ho provato il codice ottimizzato ma non mi da lo stesso risultato di quello che ho postato io! In pratica la tabella è larga quanto tutta la pagina ed alta quanto meta' pagina...un po eccessive come misure...come posso risolvere?

basta modifcare le dimensioni del box

#centrato{
  vertical-algin:middle;
  text-align:center;
/*imposti le stesse dimensione a line-height e height*/
  line-height:xx px;
  height:xxpx;
  width:xxpx  

  border:1px solid #FF6600;
  background-color:#F4E8E9;
}