salve,
volevo sapere se è possibile, usando gli stili, impostare il background di immagini trasparenti (voci di menu) al passaggio del mouse, ma dando a ciascuna voce un background di diverso colore.
con a:hover ho a disposizione un solo colore mentre a me ne servono 6 diversi; è possibile aggirare questo limite? con javascript potrei risolvere?
grazie
*j*
Devi fare 6 classi diverse:
colore1 a:hover {
colore2 a:hover {
coloren a:hover {
FEDERIX.IT - [Pillola] GRAFICA DEI FORM
...ho ancora quella forza che ti serve, quando dici "Si comincia!"
a#colore2:hover{....}
<a id="colore2" href="...
così?
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
colore1 a:hover { background-color: dcd7b5;
}
colore2 a:hover { background-color: dcdfff;
}
colore2 a:hover { background-color: ffffcc;
}
-->
</style>
<body>
[img]../imgs/fotogallery.gif[/img]
dove sbaglio?
*j*
non funziona!
sicuramente non ho capito il codice!
qualcuno mi aiuti. non vorrei dare soddisfazine allo scettico di turno che mi spinge a usare un semplice rollover javascript.
*j*
Se metti ID devi fare una classe univoca, utilizzando #colore1, #colore2.
Inoltre, lo sfondo cambia se non ci sono immagini ma puramente HTML. A cosa serve quell'immagini????
FEDERIX.IT - [Pillola] GRAFICA DEI FORM
...ho ancora quella forza che ti serve, quando dici "Si comincia!"
se vuoi usare il metodo di federix:
se il mio:codice:.colore1 (aggiungi il punto), ma per farlo funzionare: <div class="colore1"><a href....</div>
se di tutti e due:codice:<a id="colore2" href....</a>
quindi col punto li richiami con class, con il cancelletto con id. La differenza è che id lo puoi usare solo una volta per paginacodice:a.colore1:hover (aggiungi il punto), ma per farlo funzionare: <a class="colore1" href....</a>
ciaoOriginariamente inviato da supergiacomo
non funziona!
sicuramente non ho capito il codice!
qualcuno mi aiuti. non vorrei dare soddisfazine allo scettico di turno che mi spinge a usare un semplice rollover javascript.
prova a vedere questo articolo se può tornarti utile.
http://www.extrowebsite.com/articolocss.asp?ID=6
fammi sapere, ciao.
-Floyd-
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
grazie a tutti! adesso funziona alla perfezione
ho però un altro problemino...
al passaggio del mouse su unimmagine in tabella devo fare apparire un layer con 3 link testuali che faccio sparire all'evento on mouseout sull'immagine con javascript: ora siccome il layer é sovrapposto allimmagine si verifica un fastidioso tremolio nella visualizzazione del layer, come se muovendo il mouse sull'immagine lo script andasse in continuo.
come faccio a evitare questo tremolio?
<div id="menuinfo" style="position:absolute; left:58px; top:10px; width:134px; height:40px; z-index:1; visibility: hidden;" class="testo1">contatto
come arrivare
come muoversi</div>
*j*
Permessi di invio
Rispondi quotando