ciao
devo realizzare una pagina web con questi elementi:

nella parte centrale ci deve essere una immagine sulla sinistra
accanto all'immagine ci deve essere un elenco di voci (per farvi capire meglio la situazione immaginate di dover fare una pagina con la foto di un album musicale e accanto le canzoni di quell'album). l'elenco delle canzoni deve essere numerato, poi subito dopo la canzone ci deve essere la durata con uno stile diverso (dimensione font e colore) e infine alla destra della durata ci deve essere un layer nascosto che si deve aprire al click sulla canzone.

questo si può fare con una tabella, il problema è che se metto nella prima cella il numero, nella seconda il titolo, nella terza la durata e nella quarta il layer, al click sul layer l'intera riga prende le dimensioni del div e quindi si allunga e fa schifo. è possibile con una simile struttura fare in modo che il layer sia sempre relativo (nella cella) ma che non modifichi l'altezza della riga?

se non si volesse usare una table che struttura dovrei utilizzare?

io farei un ul e poi i li per le varie canzoni, ma poi per ogni li dovrei specificare uno span per la durata e poi mettere sempre nel li anche un div che sarebbe il layer da aprire al click. quindi forse conviene fare una table. che dite?

grazie