Problema Rollover con css

vigetech

Nuovo Utente
17 Ott 2014
2
0
0
Buonasera a tutti
vorrei realizzare un rollover con css come potrei fare ?

ho visto che all'interno del sito c'è questa guida
https://www.mrw.it/css/rollover-immagini-senza-javascript_6719.html

ma non sono riuscito a capire come fare

Io sto utilizzando un foglio stile in css
con dentro gli id contenitori

e poi su html mi riporto gli id con i div

ora dovrei fare un rollover su un ipotetico pulsante home

ho due immagini è voglio che questa al passaggio del mouse cambi

ho provato a fare cosi, scrivendo nel foglio stile

Codice:
a.Home {
	background-image:url(Grafica%20Sito%20web/Menu%20Tasti/Home.jpg)
    position: absolute;
	width: 103px;
	heigh: 36px;
	left: 390px;
	top: 41px;
	}
	
	a.Home:hover{
	background-image:url(Grafica%20Sito%20web/Menu%20Tasti/Home2.jpg);
    position: absolute;
	width: 103px;
	heigh: 36px;
	left: 390px;
	top: 41px;
}

e nella pagina html questo:

HTML:
<div class="Home" 
</div>
ma nella mia pagina non appare nulla . sicuramente sarà un errore grave il mio ma non so come risolvere
spero che mi aiuterete siccome sono agli inizi
grazie mille a tutti
 

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.054
6
38
53
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
Ciao,
intanto manca una chiusura del divdopo Home...
poi se fai una classe su un link, manca il link
cioè deve essere così:
Codice:
<a href="#" class="Home"></a>
Se ritieni di fare un rollover con:
Codice:
a.Home:hover{...
Poi attento al percorso dell'immagine... se non è corretto, normale non si veda.
Ciao
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Problema rollover su iphone con ios 8.0 HTML e CSS 2
S Problema Con L' Effetto Rollover Per Pulsanti Javascript 1
S problema con rollover Webdesign e Grafica 3
Dragon Problema di rollover Javascript 4
N Problema rollover su IE... HTML e CSS 1
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1

Discussioni simili