tabelle con liste e link

[giancarlo75]

Ho una struttura html di questo tipo:

<table style='width:500px'>
 <ul>
  <tr>
    <td>[*]link 1</td>
    <td>descrizione 1</td>
  </tr>
   <tr>
    <td>[*]link 2</td>
    <td>descrizione 2</td>
  </tr>[/list]
</table>

Il mio problema è che quando il titolo del link è troppo lungo ed automaticamente viene scritto su due righe, la seconda riga deborda verso sinistra rispetto all'allineamento di tutto il resto dei titoli.
Vorrei evitare questo disallineamento od al limite portarlo verso destra.
Ho provato a rimuovere la lista dalla struttura ma il problema rimane. Caso strano gli elementi[*] non mi disegnano alcun marcatore di lista.

[Mich_]

Ci sono troppi errori di sintassi e di semantica in quel pezzetto HTML, per poter chiedere al CSS di fare il suo lavoro:
1. usi una tabella in modo improprio (con funzione di lista)
2. usi dei[*] non inclusi in un [list=1] o <ul> (errore di sintassi)
3. usi degli <ul> senza i[*] all'interno (errore di sintassi)

La tua e` una semplice lista di definizione, che va realizzata con i tag <dl>, <dt>, <dd>:

<dl>
    <dt>link 1</dt>
    <dd>descrizione 1</dd>
    <dt>link 2</td>
    <dd>descrizione 2</dd>
</dl>

Poi dovrai definire il CSS:

dl {
  width: 500px;
}
dt {
  width: 15em;   /* ad esempio */
  float: left;
}
dd {
  margin: 15em;  /* uguale a sopra */
}
dd:after {
  clear: left;
  width: 100%;
  /*... altri attributi come consigliato da fcaldera ...*/
}

Vedi la [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float

[giancarlo75]

Effettivamente c'erano degli errori, dovuti anche al fatto che il codice viene scritto dinamicamente catturando i campi da database.
Tuttavia ho notato che anche riducendo il codice al minimo il problema rimane e quindi riguarda il tag <a> infatti togliendo il link il problema scompare.
Per maggior chiarezza, succede che quando la stringa contenente il link va a capo, la riga successiva fuoriesce rispetto alla precedente; questo è possibile vederlo con un codice del tipo:
<a href='#'>stringa linkata di prova
problema quando va a capo </a>
oppure anche senza il
inserendo una stringa abbastanza lunga in un box abbastanza stretto:
<div style='width:100px'>stringa lunga linkata che va a capo</div>