Ciao, ho un listato che mi richiama delle immagini che mi fanno da menù, le scritte sui tasti sono di tipo grafico (fatte con photoshop), adesso le vorrei sostituire con del testo sostituendo l'immagine attuale con un immagine senza scritta.
Questo il listato html:
e questo il codice CSS che ho usato:
Ho fatto delle prove ma non ci sono riuscito, qualcuno mi darebbe qualche dritta?
#content ul.thumbs {
margin: 0px ;
padding: 0px;
}
#content ul.thumbs:after {
content: ".";
display: block;
clear: both;
height: 0px;
visibility: hidden
}
#content ul.thumbs li {
float: left;
margin: -4px -1px -4px -1px; /*-4*/
padding: 0px 0px 0px 0px;
background-image: none;
}
#content ul.thumbs li a img { border: 1px solid #3f1c2b; }
#content ul.thumbs li a:hover img { border: 1px solid #3f1c2b; }
html>body #content ul.thumbs li a { background-color: transparent; }
Questo quello che attualmente si vede, la colonna di sinistra e quella dove dovrei intervenire, mi sarebbe piaciuto che al passaggio del mouse il colore del testo cambiasse.
Questo è l'immagine di come attualmente è:
Rispondi quotando