Link img visitato

[Piermy]

Ciao a tutti,
ho il seguente problema:
pagina di esempio:
http://www.libriantichicavallero.com/all.php
vorrei che le icone a forma di libro man mano che le si visita, mutassero al fine di capire quelle che sono state già visitate.-
Mi date una mano ?
Penso di dover usare il seguente comando ma non sono molto esperto:
a:visited img {.....}
Grazie
Pier

[miki.]

allora:

nel tag a aggiungi una classe tipo class="link_libro"

nel css metti

a.link_libro{width:25px;height:25px; display:block; background:url(scuro.gif) center center;}

a.link_libro:visited{background: url(immagine_visitata.gif) center center;}

dovrebbe funzionare.

so un po stanco, quindi è probabile che ci siano degli errori.

[Mich_]

Prima di tutto devi scrivere la pagina in un linguaggio. Puoi scegliere una versione qualsiasi di (X)HTML, ma devi rimanere coerente.

Quello da te usato non esiste in nessuna gramamtica. A quel punto qualsiasi tipo di visualizzazione (anche non mostrare nulla) e` compatibile con il tuo scritto.

Se usi un editor, buttalo immediatamente; se usi un CMS o un linguaggio lato server, cambialo.

Poi hai ragione, i CSS servono anche per modificare la visuaizzazione dei link in caso di visitato, ma devi fare modifiche anche al codice HTML: quello che puo` cambiare e` lo sfondo, non l'immagine del tag <img>.

Ecco un esempio:
a:link {background: url(nuovo.gif);} /*unvisited link*/
a:visited {background: url(vecchio.gif);} /*visited link*/
a:hover {background: url(fuoco.gif);} /*mouseover link*/
a:active {background: url(attivo.gif);} /*selected link*/

Nota che l'ordine e` significativo (pero` qualche voce puoi ometterla)

[Piermy]

Per intanto vi ringrazio per l'aiuto che mi state offrendo.-
Io ho già questo file: "stile.php"
<style type="text/css">

body {background-color : mediumslateblue ; font-family:Arial; color: black; } /* caratteri di sfondo*/
td {background-color : #A2A9E7 ; font-family:Arial; color: black; } /* tabelle*/
select {background-color : white ; font-family:Arial; color: black; } /* menù a tendina*/

a:link {background-color : #A2A9E7 ; font-family:Arial; color: #4153ED;} /* link non visitato*/
a:hover {background-color : mediumslateblue ; font-family:Arial; color: yellow; } /* link quando ci passiamo sopra con il mouse*/
a:visited {background-color : #A2A9E7 ; font-family:Arial; color: black; } /* link visitato*/

</style>

però dalla prima riga deduco che sia valido esclusivamente per i collegamenti di testo, per cui non posso inserire qui lo script che mi avete dato, o sbaglio ?

[Mich_]

Sbagli.

Senti. Non possiamo qui fare un corso di HTML e CSS.
Ti rimando ai tutorial presenti in questo sito.

Ma devi studiare prima il linguaggio (X)HTML, perche` non ha senso inserire un CSS,magari corretto, in una pagina che non ha capo ne` coda.