Visualizzazione dei risultati da 1 a 7 su 7

Discussione: bordi hover su img

  1. #1

    bordi hover su img

    Ciao a tutti!
    scusate la domanda banale ma non ne vado fuori a sta cosa!

    nel mio codice ho:
    #thumbnail a img {border:2px solid #309256; display:block}
    #thumbnail a:hover img {border:2px solid #d1e457; display:block}*
    #thumbnail a.selected img {border:2px solid #d1e457; display:block}

    ho anche provato #thumbnail a img:hover {border:2px solid #d1e457; display:block}*

    e nella pagina

    <div id="thumbnail ">[img]img/thumb_prova.jpg[/img]</div>

    solito discorso... FIREFOX viaggia alla grande... IE no! ho cercato tra i post, si suggeriva anche un filtro alfa ma nn capisco come mai a me non fuzioni...

    m sapete tirare fuori da sto "little" casino??? thanhzZzZz
    yappo
    ------------
    insane in the brain

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    #thumbnail a:hover img {border:2px solid #d1e457; display:block}*
    - C'è un asterisco di troppo in fondo

    #thumbnail a.selected img {border:2px solid #d1e457; display:block}
    - Non c'è la classe "selected" sul link
    Vuoi aiutare la riforestazione responsabile?

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

  3. #3

    Re: bordi hover su img

    Originariamente inviato da yappo
    Ciao a tutti!
    scusate la domanda banale ma non ne vado fuori a sta cosa!

    nel mio codice ho:
    #thumbnail a img {border:2px solid #309256; display:block}
    #thumbnail a:hover img {border:2px solid #d1e457; display:block}*
    #thumbnail a.selected img {border:2px solid #d1e457; display:block}

    ho anche provato #thumbnail a img:hover {border:2px solid #d1e457; display:block}*

    e nella pagina

    <div id="thumbnail ">[img]img/thumb_prova.jpg[/img]</div>

    solito discorso... FIREFOX viaggia alla grande... IE no! ho cercato tra i post, si suggeriva anche un filtro alfa ma nn capisco come mai a me non fuzioni...

    m sapete tirare fuori da sto "little" casino??? thanhzZzZz
    Il problema è ke firefox la pseudo-classe hover la prende in qualunque caso... IE invece lo prende solo nei link...

  4. #4
    Originariamente inviato da fcaldera
    #thumbnail a:hover img {border:2px solid #d1e457; display:block}*
    - C'è un asterisco di troppo in fondo

    #thumbnail a.selected img {border:2px solid #d1e457; display:block}
    - Non c'è la classe "selected" sul link
    l'asterisco nn c'è nel codice...volevo indicare che come seconda soluzione a "a:hover" era stata l'altra ma mi sono dimenticato d riportare sotto l'asterisco (come nota..)

    selected mi funziona nel codice... ho già provato, è solo l'hover...
    yappo
    ------------
    insane in the brain

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    709
    Ciao,
    hai già provato così?

    codice:
    #thumbnail img {
      border-style: solid;
      border-width: 2px;
    } 
    
    #thumbnail a:link {
      border: 2px solid #309256;
      display: block;
    }
    
    #thumbnail a:visited {
      border: 2px solid #3d1e457;
      display: block;
    }
    
    #thumbnail a:hover {
      border: 2px solid #3d1e457;
      display: block;
    }
    
    #thumbnail a:active {
      border: 2px solid #309256;
      display: block;
    }

  6. #6
    nn capisco xchè ma si scombussola su tutto...
    yappo
    ------------
    insane in the brain

  7. #7
    Originariamente inviato da yappo
    nn capisco xchè ma si scombussola su tutto...
    in ke senso scusa???

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 © 2025 vBulletin Solutions, Inc. All rights reserved.