• T
    User •

    Celle che non rispettano le dimensioni

    Salve a tutti, strano problema
    Ho fatto 5 tabelle identiche, ma con contenuti differenti (stesse dimensioni delle celle, cambiano solo i testi)

    Non capisco perchè, non rispettano le dimensioni che ho dato alle celle e cambiano a seconda della quantità di testo.

    Tutte le tabelle iniziano con :

    
<table width="945"  border="1" align="center" cellpadding="2" cellspacing="0"  style="width:25cm">
  <tr>
    <td colspan="2" align="center"  class="XXX">CELLA A</td>
    <td width="74" style="width:74px" align="center"  class="XXX">CELLA B</td>
    <td width="113" style="width:113px" align="center"  class="XXX">CELLA C</td>
    <td width="287" style="width:287px" align="center"  class="XXX">CELLA D</td>
  </tr>

    Ovviamente i contenuti variano...

    Come vedete ho tentato di "imporre" la dimensione con dei css, ma nulla da fare

    Sapete perchè fa questo scherzo?

    0
  • J
    User Attivo •

    Ci puoi dare il link della pagina dove fa questo scherzo così vedo e posso risolvere meglio? 🙂

    :gthi:

    0
  • T
    User Attivo •

    Prova coll'attributo nowrap:
    [html]
    <table width="945" border="1" align="center" cellpadding="2" cellspacing="0" style="width:25cm">
    <tr>
    <td colspan="2" align="center" class="XXX" nowrap>CELLA A</td>
    <td width="74" style="width:74px" align="center" class="XXX" nowrap>CELLA B</td>
    <td width="113" style="width:113px" align="center" class="XXX" nowrap>CELLA C</td>
    <td width="287" style="width:287px" align="center" class="XXX" nowrap>CELLA D</td>
    </tr>[/html]Fammi sapere 😉

    0
  • T
    User •

    il nowrap peggiora le cose... perchè dice solo di non andare a capo

    Questo è un codice di esempio, se cifate un HTML vedrete che a partità di tabella la seconda ha le colonne con dimensioni diverse

    
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style>
 body {
  font-size:12px;
  font-family:"Century Gothic", Verdana;
  width:640px;
 }
 table { border-collapse:collapse; }
 strong,ul,li,p,div { font-family:"Century Gothic", Verdana; }
 strong { font-size:13px; }
 .titoli {
  font-size:18px;
  font-weight:bold;
  font-family:"Century Gothic", Verdana;
 }
 
</style>
</head>
<body>
<div align="right"><strong class="titoli">titolo bla bla </strong><br />
</div>
<br /><br>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
 
 
<table width="640" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#BCBCBC">
  <tr>
    <td width="254" align="center"  >TITOLO NUMERO UNO </td>
    <td colspan="2" align="center"  >TITOLO</td>
    <td width="274" align="center"  >TITOLO NUMERO DUE </td>
  </tr>
  <tr >
    <td height="50" align="center" bgcolor="#999999" ><strong style="color:white">
 COMPORTAMENTI <br>DEGLI OPERATORI  </strong></td>
    <td colspan="2" align="center" bgcolor="#DFDFDF" >testozzo uno <br />
    altro due </td>
    <td style="padding-left:4px;">&nbsp;</td>
  </tr>
    <tr bgcolor=#F2F2F2>
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscreen instructions on your handset</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">3</td>
    <td align="left" style="padding-left:4px; font-size:11px">Sono state impartite le istruzioni agli incaricati</td>
  </tr>
    <tr >
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">on your handset to  install and register with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">2    </td>
    <td width="43" align="center" style="padding-left:4px;">1</td>
    <td align="left" style="padding-left:4px; font-size:11px">Gli incaricati sono stati formati sotto il profilo privacy</td>
  </tr>
    <tr bgcolor=#F2F2F2>
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscreen inst</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">2</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
    <tr >
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Errore materiale</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">2</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
</table>
<br /><br />
<table width="640" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#BCBCBC">
  <tr>
    <td width="254" align="center"  >TITOLO NUMERO UNO </td>
    <td colspan="2" align="center"  >TITOLO</td>
    <td width="274" align="center"  >TITOLO NUMERO DUE </td>
  </tr>
  <tr >
    <td height="50" align="center" bgcolor="#999999" ><strong style="color:white">
 BLA BLA BLA NUMERO<br />
 DUE PROVA BIS
</strong></td>
    <td colspan="2" align="center" bgcolor="#DFDFDF" >testozzo uno <br />
altro due</td>
    <td style="padding-left:4px;">&nbsp;</td>
  </tr>
    <tr bgcolor=#F2F2F2>
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the egister with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">1</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blacbla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
    <tr >
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscreen instructions on your handsetster with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">3    </td>
    <td width="43" align="center" style="padding-left:4px;">2</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
    <tr bgcolor=#F2F2F2>
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscreen instructions on your handset to  install and register with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">1</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
    <tr >
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscl and register with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">3</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
    <tr bgcolor=#F2F2F2>
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscrs on your handset to  install and register with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">1</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
</table>
</body></html>
    0
  • T
    User •

    up 🙂

    0
Effettua l'accesso per rispondere