Larghezza di una datatable

[filips]

Non capisco come ottenere un dimensionamento preciso in larghezza per il contenuto delle celle di una table. Se per es. imposto in table la width=1000 e nelle tre td della prima riga width=100, width=300, width=600, si verifica che se i contenuti contengono degli spazi, allora le proporzioni sono abbastanza coerenti, tuttavia, se non ci sono spazi (per es. perché un contenuto è una url), allora la larghezza diventa illimitata (sia nella table che nelle celle con contenuto senza spazi).

Ecco un esempio:

<table width="1000" border="0" cellpadding="2">
<tr>
<td class="dat1" width="100" valign="top">testo1 testo1</td>
<td class="dat" width="300" valign="top">testo2 di prova testo2 di prova testo2 di prova</td>
<td width="600" valign="top"><a href="" class="c" id="001">http://prova.prova/prova/provaprovaprovaprovaprovaprovaprovaprovaprovaprovaprovaprovaprovaprovaprovaprovaprovaprova/prova/prova/prova/prova/prova/prova/prova/prova/prova/prova/prova/prova</a></td>
<tr class="ev"> ... <!-- etc resto della table -->

e il risultato che distrugge quello atteso:

Selezione_042.png

Mentre se invece riduco la substringa 'provaprovaprova...' nel link al solo 'prova' ottengo coerenza (sembra che lo slash funga da spazio):

<table width="1000" border="0" cellpadding="2">
<tr>
<td class="dat1" width="100" valign="top">testo1 testo1</td>
<td class="dat" width="300" valign="top">testo2 di prova testo2 di prova testo2 di prova</td>
<td width="600" valign="top"><a href="" class="c"  id="001">http://prova.prova/prova/prova/prova/prova/prova/prova/prova/prova/prova/prova/prova/prova/prova/prova</a></td>
<tr class="ev"> ... <!-- etc resto della table -->

Selezione_044.png

Qualcuno sa spiegarmi questo comportamento e soprattutto suggerirmi una soluzione? Grazie a tutti.

[carlomarangoni]

Tu cosa vorresti che la stringa lunga andasse a capo? Ma in questo caso con che criterio si dovrebbe stabilire il punto di rottura?
Ovviamente una tabella da sola non può decidere questa cosa, se le dimensioni glielo permettono si allarga la cella e di conseguenza la tabella se invece le dimensioni sono fisse la stringa per forza di cose sborda dalla cella, quindi bisogna decidere cosa si vuole ottenere, tenendo presente che se spezzi un link (collegamento ipertestuale) poi non funziona più correttamente

[filips]

Ho trovato una soluzione [Riferimento] che casca come il cacio sui maccheroni.

Devo semplicemente annidare l'ancora in un div e gestire questo div nello stile usando la proprietà word-wrap con valore break-word. Ottengo esattamente quello che desidero.

<style>
div .word-wrap {width:600px;
    word-wrap: break-word;
}
</style>

Selezione_046.png

[carlomarangoni]

Ottimo!