ciao a tutti.
vorrei eliminare una tabella composta da circa 10 colonne e 30 righe sostituendola magari con le liste ordinate (combinazione ul - li).
le singole colonne hanno larghezza differente, problema che risolverei impostando classi differenti per colonna a cui assegnerò diverse larghezze:

codice:
.colonna1 { width: 20px; }
.colonna2 { width: 100px; }
.
.
.colonna10 { width: 50px; }
altro problemino: vorrei che le righe venissero evidenziate al passaggio del mouseover, però dovrei costruire righe in questa maniera:

codice:
<ul>[*]Riga1[*]Riga2
.[*]Riga30[/list]
in questa maniera però non riesco a dividire per celle la riga, infatti l'impostazione attuale è questa:

codice:
<ul>[*]Colonna1[*]Colonna2[*]Colonna3[*]Colonna4[/list]
<ul>[*]Colonna1[*]Colonna2[*]Colonna3[*]Colonna4[/list]
come potrei semplificare? ho provato anche ad usare le JQuery ma non essendo molto pratico so poco come muovermi..
grazie x eventuali info, ciao