Ciao a tutti,
"non so se la discussione che ho apero 5 minuti fa sia stata postata (5 minuti fa non ero iscritto nella sezione css) per sicurezza la riposto"

Sto facendo un sito in HTML per un mio amico che ha una piccola attività privata.
per ora in html ho fatto una lista di prodotti del tipo
codice:
[*]prodotto1[*]prodotto2[*]prodotto3
ecc...
io vorrei fare in modo che quando il mouse passa su prodotto1 accanto di esso esca il suo prezzo in modo tale che l'utente che naviga sul sito non deve cliccarci sopra.
ovviamente poi la stessa cosa adrà fatta per prodotto2 e così via.
spero di essere stato chiaro con la domanda, per qualsiasi cosa chiedetemi!
grazie
per essere più chiaro di default quando l'utente vede la pagina la deve vedere così
codice:
[*]prodotto1[*]prodotto2[*]prodotto3
una volta che l'utente passa sopra a "prodotto1 prodotto2 prodotto3 ecc..." la pagina la deve vedere così
codice:
[*]prodotto1           commento[*]prodotto2           commento[*]prodotto3           commento
però se l'utente passa sopra a "prodotto1" la scritta "commento" dovrà vedersi solo per prodotto1;
quando l'utente si sposterà su "prodotto2" la scritta "commento" dovrà vedersi sia su "prodotto1, sia su prodotto2";
quando l'utente si sposterà su "prodotto3" la scritta "commento" dovra vedersi su "prodotto1, prodotto2 e prodotto3"; e così via