Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513

    immagine che appare quando il mouse è sul link

    in una lista, ho una serie di link, a ciascuno deve corrispondere una piccola immagine che appare sotto di esso! Son riuscito a farlo in FF ma non in IE, ho fatto in questo modo:

    codice:
    div.contenuti li a img {display: none;}
    div.contenuti li a:hover img {display: block; width: 125px; padding: 5px; margin: 10px; color:#AAA; background: black;}
    [*]testo[img]immagini/foto.jpg[/img]
    Potete aiutarmi a sistemare tutto anche per Ie?
    Grazie tante a chi mi aiuterà!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    aggiungi

    div.contenuti li a:hover { direction: ltr; }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Vuoi qualcosa di questo tipo?

    ps: è solo una prova, il codice non è pulito.

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513
    Originariamente inviato da fcaldera
    aggiungi

    div.contenuti li a:hover { direction: ltr; }
    Fantastico, funziona!

    Potresti spiegarmi di che si tratta però?

    Grazie mille!!

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da matteo01
    Fantastico, funziona!

    Potresti spiegarmi di che si tratta però?

    Grazie mille!!

    si tratta di un bug di Internet explorer che si verifica con la pseudoclasse hover: in pratica se su IE utilizzi

    elemento:hover sottoelemento

    il browser non renderizza <sottoelemento>. Per correggere la situazione è necessario definire una particolare istruzione trigger (sono una decina circa) che dica ad explorer di rieseguire il disegno

    potresti anche usare margin: 0; oppure padding: 0;
    personalmente uso direction: ltr; (rende più evidente la presenza di un hack)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  6. #6
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513
    Chiarissimo, grazie mille!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.