Menu con immagini e alt

[edriv]

Ho un menu organizzato con un
<ul>[*]
...[/list]

Il menu dovrebbe avere delle immagini con effetto di rollover.
Per fare il rollover quindi uso i CSS, mettendo display: block, altezza e larghezza, come sfondo un'immagine e usando la pseudo-classe :hover.
Ma visto che il testo è scritto nelle immagini, il problema è:

come faccio a rendere accessibile il menu?
Un testo alternativo non so dove metterlo visto che non ho nessun <img>, se usassi gli <img> non potrei usare i CSS per fare il rollover, o sbaglio?
Se invece scrivo il testo si sovrapporrebbe al testo scritto nelle immagini!!

C'è una soluzione?

[awd]

ma come fai ad usare uno sfondo per un rollover?
in primo piano che ci metti? nulla? :master:

[Sickbrain]

:master: Anche io non ho capito bene quello che vuoi fare, comunque se il tuo problema è quello di non far visualizzare il testo di un link, per evitare che si sovrapponga all'immagine, ti posso consigliare questo link:

http://www.sickbrain.org/?document_i...ic_id=8&page=0

il succo del discorso è lo stesso, devi applicarlo alle tue esigenze.

Se poi magari ci mandi un link con un esempio funzionante del problema, possiamo darci un'occhiata.

[edriv]

dovrei fare il rollover perchè proprio nell'immagine di sfondo c'è la scritta!

Il testo si dovrebbe vedere solo con le immagini disattivate... come un "alt" con i CSS.
Se avessi delle immagini potrei mettere un "alt", ma per cambiare immagine dovrei usare javascript...
Invece se voglio fare un rollover CSS uso la proprietà background-image, ma non posso mettere alcun testo alternativo!

mi sa però che non c'è soluzione... anzi forse ho un'idea:
da "normale" metto un'immagine con alt
poi su :hover faccio un display:none sia sull'immagine sia sul testo, impostando un background-image.. sempre che si riesca (ora provo) ...

se avete capito cosa ne dite? ci sono modi più sempici?

[floyd46]

Originariamente inviato da awd
ma come fai ad usare uno sfondo per un rollover?
in primo piano che ci metti? nulla? :master:

ciao awd
si può fare un rollover con una immagine di background;
si deve linkare il contenitore assegnando le stesse misure dell' immagine e dichiarando display:block in modo tale che l'area sensibile sia grande quanto la foto.
Spero di essermi spiegato.
P.S. si può anche fare un rollover anche con una sola immagine (che contenga i 2 stati); in questo modo si evita il precaricamento
della stessa quando si apre la pagina nel browser.
Floyd