CSS - hover

IscariotKiss

Nuovo Utente
27 Mag 2010
16
0
0
Salve a tutti;
da poco tempo ho iniziato lo studio del css, facendo alcune prove mi è sorto un dubbio e spero tanto riusciate a colmarlo.
In breve volevo sapere se fosse possibile compiere un'azione su un div (o altro img per esempio) e ottenere una modifica su un altro div (o img o etc).
Cerco di farvi un esempio:
poniamo che mi ritrovi con 2 <div> :
HTML:
<div id="primo"></div> 
<div id="secondo"></div>
posso, nel css, fare una cosa di questo tipo:
Codice:
div#primo:hover { (codice_per_richiamare_il_div#secondo)margin=0px; }
cioè passando il mouse sul div#primo, posso mettere i margini a zero nel div#secondo?
Se si, come? Se no, esiste un'altra strada solo html - css ma niente codice jscript php?
questo è solo un esempio ma varrebbe per molti altri casi.

P.s.: Avete idea se al mondo ci sia un modo o una patch per convincere explorer 8 (magari anche 7) che il css3 ESISTE!?
 

Sifro

Nuovo Utente
17 Ago 2010
17
0
1
quelli che vuoi fare te, così come lo vuoi fare te, non è possibile... Quantomeno non con CSS2 (non ho idea se sia stato implementato qualcosa di nuovo a riguardo in CSS3, ma anche se fosse al momento i browser se ne fregano, quindi sarebbe inutile).

L'elemento DIV non ha l'evento hover, che riguarda invece solo i link.

Per fare quello di cui hai bisogno te devi necessariamente inserire del javascript e sfruttare delle tecniche tipiche di AJAX.

Sfruttando l'attributo onMouseHover (ad esempio: <div onMouseOver="javascript:faiQualcosa()">) puoi richiamare una funziona javascript al passaggio del mouse.

Questa funzione javascript dovrà modificare le proprietà del secondo DIV sfruttando AJAX, e questo merita un po' di studio apprfondito: http://www.w3schools.com/ajax/default.asp
 
Discussioni simili
Autore Titolo Forum Risposte Data
Shyson jQuery, togliere css hover jQuery 1
Shyson Mettere hover a css in linea HTML e CSS 1
Dexter_90 [AIUTO] Modificare proprieta Css tramite hover con Javascript Javascript 4
Dexter_90 [AIUTO] Modificare proprieta Css tramite hover HTML e CSS 4
D Eventi: si possono modificare proprietà css di un el. B tramite un hover su un el. A? HTML e CSS 0
M Come utilizzare :hover senza documento .css HTML e CSS 4
S link e hover con i css HTML e CSS 2
F css: -moz-border-radius e :hover HTML e CSS 0
G Input checkbox in CSS HTML e CSS 0
G classe CSS sovrascritta HTML e CSS 2
G file CSS contenente variabili HTML e CSS 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
L problema collegamento file css con html HTML e CSS 1
M CSS "puro" HTML e CSS 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
Z Google Fonts CSS tra desktop e responsive HTML e CSS 1
Z Slide show CSS HTML e CSS 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
R Primo script in PHP / CSS PHP 4
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
V [CSS] Uso degli id HTML e CSS 2
I creazione stile css HTML e CSS 3
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
P [WordPress] Messaggio di errore in file style.css WordPress 0
D Aggiungere file .css esterno su Android HTML e CSS 4
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
StephenSoftware Flexbox: definizione nel CSS HTML e CSS 4
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
R javascript lettura css cross-browser Javascript 1
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
A Strumenti per filtrare il css HTML e CSS 1
S Il Css non si aggiorna, svuotata cache HTML e CSS 6
N [css] :active HTML e CSS 1
Shyson [WordPress] [CSS] Formattare casella WordPress 0
Shyson [CSS] Titolo del sito cambia dimensione HTML e CSS 2
A icone css in selectmenu jQuery 2
M Problematica CSS (tag html,body) HTML e CSS 4
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
W inclusioni css in eccesso, cosa fare? HTML e CSS 1
M [WordPress] Modifiche CSS su lightbox WordPress 2
T countdown da sistemare con i CSS... HTML e CSS 4
Y Finestra dialogo CSS Modal HTML e CSS 6

Discussioni simili