problemi lista menu (nav) e immagini

[AliceS]

ciao a tutti.
ho un problema nel mio sito.
quando clicco per l'ingrandimento delle foto dei miei prodotti di virtuemart si apre la finestra con l'immagine ingrandita ma i titoli della barra dei menu piuttosto che stare in secondo piano, li ritrovo sopra la foto e sono anche selezionabili.
Come faccio a fare in modo che mentre ho l'ingrandimento la barra nav (indentificata utilizzando firebug) resti in secondo piano?

[tonicopi]

Ciao. E' una questione di z-index.
Devi individuare il css che regola la barra dei menù e vedrai che ha un comando come questo:

Codice: [Seleziona]

{

z-index: 100;
}
Quindi devi individuare il comando che regola l'immagine di virtuemart, mi pare nel file slimbox.css
Dovrebbe essere una cosa del genere

Codice: [Seleziona]

#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;

}e ci inserisci un z-index più alto di quello della tua barra. Basta anche un 101 ma se ti piace esagerare puoi mettere anche 1000

[AliceS]

grazie mille.
ho testato con firebug e funziona.
Userò 1000..sicuramente..
ora ho problemi però a trovare il css da modificare..

[AliceS]

penso che il mio tema non prenda in considerazione le modifiche che faccio su lightbox.css!!
Come posso fare a vedere se è legato al tema?
Devo utilizzarlo su virtuemart sul dettaglio prodotti.
L'unico riferimento della lightbox con firebug è
"#lbImage".
Aiutatemi.

[tonicopi]

Devo utilizzarlo su virtuemart sul dettaglio prodotti.
L'unico riferimento della lightbox con firebug è
"#lbImage".
Aiutatemi.

e ti pare poco? conosci l'ID e il nome del css che è slimbox.css
Sai che è un css di virtuemart...
Non ci vorrà il commissario Maigret per trovarlo
Guarda te l'ho trovato io:
components/com_virtuemart/js/slimbox/slimbox.css 

[AliceS]

simpaticone..

l'ho trovado lo slimbox.css e l'ho anche modificato!
il problema è un altro.
Non so se il sito prenda in considerazione le mie modifiche su slimbox.css.
dove posso vedere?

[tonicopi]

simpaticone..

l'ho trovado lo slimbox.css e l'ho anche modificato!
il problema è un altro.
Non so se il sito prenda in considerazione le mie modifiche su slimbox.css.
dove posso vedere?

Perchè sei così poco predisposta alla...sperimentazione?
A parte il fatto che con firebug vedi le modifiche  apportate Ma anche senza firebug si può verificare se un certo css è chiamato o no dal template. Ad esempio io proverei a toglierlo del tutto lo slimbox, così vedo subito se è il suo! Che dici?
Attenta alla cache che ci tira brutti scherzi!

[mau75]

Ciao. E' una questione di z-index.
Devi individuare il css che regola la barra dei menù e vedrai che ha un comando come questo:

Codice: [Seleziona]

{

z-index: 100;
}
Quindi devi individuare il comando che regola l'immagine di virtuemart, mi pare nel file slimbox.css
Dovrebbe essere una cosa del genere

Codice: [Seleziona]

#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;

}e ci inserisci un z-index più alto di quello della tua barra. Basta anche un 101 ma se ti piace esagerare puoi mettere anche 1000

Ciao , ho anche io lo stesso problema. Ho provato ad inserire un z-index elevato nel slimbox.css...ma non è cambiato niente. In realtà però non sono riuscito a trovare il valore del z-index della barra dei menù..
Il menù è stato creato con SwMenuFree..è possibile che dipenda da questo?

[tonicopi]

Mi posti un link al sito?

[mau75]

Ciao il link al sito è il seguente

www.kiness.it

ancora è incompleto e ci sono tante cosette da aggiungere e molte da modificare.
Per vedere il problema vai su studio e poi cllicca sull'unica immagine  che ho caricato..

grazie per la disponibilità

[tonicopi]

Devi settare a zero questo z-index :
table.menu {
border:0 solid #BBBBBB;
left:0;
margin:0 !important;
position:relative;
top:0;
z-index:1;
}oppure, meglio,  mettere a valore maggiore di 1 quello del lightbox che apre l'immagine

[mau75]

Ciao tonicopi
grazie per l'aiuto

ho cercato la parte di codice  che mi hai indicato in tutti i file css richiamati( template.css, joomla.css, system.css, general.css) ma non riesco a trovarla da nessuna parte... dove dovrei trovarla?

[tonicopi]

Non saprei. Dal mio punto di osservazione quello stile è stampato nell'html della tua pagina web. potrebbe stare nella index.php  del tuo template oppure in qualche optout del modulo.
Cmq prova a scriverlo qui nel file template.css (riga 22) che dovrebbe sovrascrivere l'altro:

Codice: [Seleziona]

#menu {
margin-left:220px;
z-index: 0px;
}

[mau75]

Allora..ho provato a modificare come hai detto il template.css...ma niente.
Sono riuscito anche a trovare doce stava scritta quella parte di codice che mi hai indicato qualche messaggio piu su..era nel file style.php al quale fa riferimento il modulo di swfreemenu..ho cambiato come indicato ma niente...
Per curiosità ho provato a disattivare il menu creato con swfreemenu e riattivare quello di default..in questo modo il light box funziona come dovrebbe..per ora quindi alzo bandiera bianca e mi accontento del menu di default..piu avanti a sito ultimato , ci riproverò
Ad ogni modo grazie mille per la diponibilità
alla prossima
ciaooo