iframe e rollover su hover

[M0707]

ciao a tutti
ho questo css

• #home_nav {
  position: absolute;
  height: 116px;
  width: 1230px;
  bottom: 895px;
  z-index: 2;
  }
  #home_nav_bm {
  position: absolute;
  height: 65px;
  width: 1230px;
  bottom: 0px;
  background-repeat: no-repeat;
  background-image: url(../XH_static_images/home/bg_home_bm.png);
  z-index: 3;
  }
  ul, li {
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: 0px;
  vertical-align: baseline;
  background: transparent;
  }
  #nav {
  position: absolute;
  margin-left: 370px;
  height: 96px;
  width: 630px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  z-index: 4;
  }
  #nav li {
  float: left;
  z-index: 4;
  }
  #nav a * {
  display: none;
  z-index: 4;
  }
  #nav a, #nav a .hover {
  position: relative;
  height: 96px;
  display: block;
  background-attachment: scroll;
  background-color: transparent;
  background-image: url(../XH_static_images/pb/XH_nav.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  z-index: 4;
  }
  #nav a.mission {
  background-position: 0px 0px;
  width: 150px;
  z-index: 4;
  }
  #nav .attivo a.mission {
  background-position: 0 -96px !important;
  }
  #nav a.projects {
  background-position: -150px 0px;
  width: 170px;
  z-index: 4;
  }
  #nav .attivo a.projects {
  background-position: 0 -96px !important;
  }
  #nav a.team {
  background-position: -320px 0px;
  width: 140px;
  z-index: 4;
  }
  #nav .attivo a.team {
  background-position: 0 -96px !important;
  }
  #nav a.contact {
  background-position: -460px 0px;
  width: 170px;
  z-index: 4;
  }
  #nav .attivo a.contact {
  background-position: 0 -96px !important;
  }

Esiste un modo per mantenere su hover il tasto che si clicca con cambio pagina in iframe?
Ciao a tutti e grazie

[M0707]

nessuno riesce ad aiutarmi?
Vi posto il LINK così rendo meglio l'idea

[evan75]

con i css potresti usare a:active, ma credo che il tuo menu giri su js piu che su css.

con jquery puoi usare una cosa del genere:
$(#TuoPulsante).addClass('active').siblings().remo veClass('active');

e alla classe active dai gli stessi parametri dello stato hover senza l'animazione ovviamente.

Ma non penso che questa sia la sezione corretta.

[M0707]

Ciao... infatti ho provato anche in JAVASCRIPT, perchè ho usato jquery ma non ho ricevuto alcuna risposta.
Ho provato anche sia con :active che con :focus, ma funziona solo in IE e mi da un sacco di problemi in chrome.
E poi se clicco su qualsiasi parte della pagina la funzione decade facendo tornare il tasto sulla posizione iniziale.
Cmq infinite grazie...

[evan75]

ho dato un'occhiata veloce al tuo js.
Puoi usare tranquillamente il codice che ti ho postato senza cambiare praticamente nulla.

giusto le classi e gli id..

per il resto dovrebbe funzionare tutto.
quando clicchi su un pulsante, gli attribuisci una classe che ho chiamato active (e non è lo stato dell'anchor in css, ma una semplice classe in html)

ti faccio un esempio pratico:
quando clicco sul pulsante con il nome "pulsanteA"

il pulsanteA acquisisce una classe che chiamiamo "attivo"
nei css dai uno stile alla classe attivo:

.attivo{
tutti gli stili che vuoi, probabilmente uguale allo stato hover nel tuo caso
}

il tuo html diventa cosi:

da:
nome pulsante
a:
nome pulsante
(ovviamente class è scritto in minuscolo.. era solo per sottolineare la parte aggiunta dal Jquery)

e rimane in quello stato finché non clicchi su un'altro pulsante.

(infatti la seconda parte dello script dice: una volta che attribuisco la classe al pulsante cliccato, rimuovo la classe da tutti gli altri pulsanti del menu (siblings) )

Se hai scritto tu il codice JS per il menu, ci impieghi un secondo a modificarlo. se hai problemi per questo menu, posta nella sezione javascript o mandami un pm. appena ho un attimo te lo modifico.

qui c'è molto più Jquery che css, e spero i modd non me ne vogliano.
Chiedo scusa per l'OT.