Problema aspetto tabella

[Andrea44]

Ciao a tutti

Ho un problema con l'aspetto di una tabella. Il risultato finale è questo:
Immagine.jpg

mentre quello che vorrei ottenere è più o meno questo: http://html.it/guide/esempi/guida_html/tabelle/tabelle7.html

Posto qui sotto il codice

Grazie in anticipo

<table id="scheda_tecnica_articolo" cellspacing="0" cellpadding="2">
     <tr>
      <td class="titolo_riga">12345678901234567890123456789012345678901234567890</td>
      <td class="descrizione_riga">qwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnm</td>
     </tr>
     <tr>
      <td class="titolo_riga">12345678901234567890123456789012345678901234567890</td>
      <td class="descrizione_riga">qwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnm</td>
     </tr>
     <tr>
      <td class="titolo_riga">12345678901234567890123456789012345678901234567890</td>
      <td class="descrizione_riga">qwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnm</td>
     </tr>
    </table>

table#scheda_tecnica_articolo{
  display:block;
  margin:0 auto;
  padding:0;
  width:90%;
  padding:5px;
  
  border: rgba(0,88,255,1) 1px solid;
 }
 
 table#scheda_tecnica_articolo tr{
  margin:0;
  padding:0;
 }
 
 table#scheda_tecnica_articolo td{
  display:inline-block;
  word-wrap:break-word;
  overflow: auto;
  border: rgba(0,88,255,1) 1px solid;
  
  font-family: "Times New Roman", Helvetica, sans-serif;
  font-size:14px; 
  font-weight: normal;
  text-decoration: none;
  color: black;
  text-align: left; 
 }
 
 table#scheda_tecnica_articolo td.titolo_riga{
  width:30%;
 }
 
 table#scheda_tecnica_articolo td.descrizione_riga{
  width:65%;
 }

[Mich_]

Il link presentato e` scritto in HTML 4 Transitional ... un po' vecchiotto ...

E comunque in quella pagina il contenuto contiene molti spazi tra le parole, mentre nel tuo non ci sono spazi: questo impedisce il normale allineamento del testo.


Per quanto riguarda la formattazione, nel tuo codice mancano alcuni tag, che sono utili per la formattazione: <col> e/o <colgroup>: se formatti quei tag viene formattata tutta la tabella.
Ed evita di formattare tramite attributi HTML (cellspacing="0" cellpadding="2"): browser diversi risolvono eventuali conflitti tra formattazione HTML e formattazione CSS in modo diverso.


Per completezza riporto la lista dei tag che si possono usare nelle tabelle (dal sito w3schools.com > reference HTML > by function)

<table>

Defines a table

<caption>

Defines a table caption

<th>

Defines a header cell in a table

<tr>

Defines a row in a table

<td>

Defines a cell in a table

<thead>

Groups the header content in a table

<tbody>

Groups the body content in a table

<tfoot>

Groups the footer content in a table

<col>

Specifies column properties for each column within a <colgroup> element

<colgroup>

Specifies a group of one or more columns in a table for formatting

[Andrea44]

Grazie per i consigli