Newsgroup: it.lavoro.professioni.webmaster
Titolo: [CSS] hover e Internet explorer

Come fare a far andare qualcosa del genere in ie? In firefox funziona!
p{
background-image:url(images/code_off.jpg);
}
p:hover
{
background-image:url(images/code_on.jpg);
}
-- 
Napolux
Bombing for peace is like fucking for virginity
http://napolux.altervista.org
http://napolux.deviantart.com


prova:
p{
BACKGROUND: url(images/code_off.jpg);
}
p:hover
{
BACKGROUND: url(images/code_on.jpg);
}
r. 

 - Using Thunderbird


prova:


Se vuoi puoi dare un'occhiata a come abbiamo risolto questo problema
nel nostro sito...
Praticamente abbiamo ridefinito il tag a come blocco... per i dettagli
puoi guardare il nostro css.
http://www.motionatdesign.com/homepage.htm
Sono accettate tutte le critiche del caso.
Bye,
Giuseppe

 
http://dean.edwards.name/IE7/

 Sono accettate tutte le critiche del caso.
Hai perso in 'semanticità' del sito.

ripley ha scritto:

Va su firefox ma non su IE6


 Come fare a far andare qualcosa del genere in ie? In firefox funziona!
Che io sappia, explorer non supporta l'hover su elementi diversi da
links (ma non mi sono documentato più di tanto visto che avere un hover
su un paragrafo o un qualsiasi oggetto diverso da un link mi pare
inutile o comunque solo un orpello grafico)..
-- 
Alan
"Ci spiace, ma il lucro è indispensabile."
http://www.qreate.net

}
Noi facciamo così, e funziona su entrambi i browser: 
<style type="text/css">
 
			/* NAVBAR */
 
			.navbar a { display: block; height: 30; }
			.navbar .cssroll:hover { background-position: 0 -30px; }
 
			.navbar .borsaturismo { background:
url(/images/navbar/borsa_turismo.gif) no-repeat; }
			.navbar a.borsaturismo { width: 62; }
 
			.navbar .reportage { background:
url(/images/navbar/reportage.gif) no-repeat; }
			.navbar a.reportage { width: 78; }
ecc ecc
e poi nel codice
<td class="borsaturismo"><a class="borsaturismo cssroll"
href="#"></a></td>
				<td class="reportage"><a class="reportage cssroll"
href="/reportage/"></a></td>
ecc ecc
L'immagine di sfondo è una sola, alta 60, nella metà in alto c'è
l'immagine normale, nella metà in basso quella per il rollover (o
viceversa, ora non ricordo! :)).
Sull'evento hover spostiamo l'immagine di background di 30 pixel in
alto e il gioco è fatto.
L'effetto lo vedi in 
www.mondointasca.org
, la barra delle sezioni in
alto. Il codice è tutto nella pagina, se vuoi vederlo.
Ciao
zerouno
---
Sul viale del tramonto, il telefonino non prende...

in che senso semanticita'

 in che senso semanticita'
nel senso che usi dei tag con scopi diversi per i quale sono stati pensati

 Hai perso in 'semanticità' del sito.
Secondo me la semantica in questo caso non centra nulla!
Per quello che ne sò io perdi in semantica se usi, ad esempio, un <h1> in un
testo che non rappresenta un titolo, o un <p> solo perché graficamente ti
fanno comodo gli accapo prima e dopo ma dentro non c'è un paragrafo testuale
e cose del genere... ma se un <a> lo fa diventare un blocco invece che un
elemento inline, se resta un link in semantica non perde.

 Hai perso in 'semanticità' del sito.
Secondo me la semantica in questo caso non centra nulla!


visuddhi ha scritto:

Yess, non ho visto la pagina in questione, ma Napolux parla di paragrafi 
(tag <p>) e gli è stato congigliato di utilizzare i link (tag <a>) 
trasformandolo in elemento di tipo blocco. Tra paragrafo e colllegamento 
ipertestuale c'è una bella differenza.

Effettivamente hai ragione, e' nata un po' di confusione.
Cmq credo che trasformando in block il tag <p>, funziona lo stesso.
Pensavo che volesse utilizzare il tag <p> per qualche link.
Ovvio che perdi in semantica.
Ottima osservazione, davo per scontato una cosa che non lo era.
Bye,
Giuseppe