• User Attivo

    eliminare bordo decorazione link immagine

    Ciao a tutti ragazzi.

    Ho un piccolo problemino che non pensavo di riscontrare, praticamente sto utilizzando delle piccole immagini tipo thumbnails per poter poi attraverso uno script .js aprire l'intera immagine come in una delle tante gallerie fotografiche.
    premetto che per aprire l'immagine utilizzo <a href="nomeimmaginedaingrandire"......> per poterla aprire.
    il problema e' che mi rimane sempre il bordo-decorazione del link sulla thumbnails.
    anche se dal css metto text-decoration: none; su tutti e 4 gli status dei link "active:hover:link:visited" la decorazione sparisce per i link formato testo ma non per le thumbnails 😮
    ho provato inventandomi qualcosa tipo/ a-img: text-decoration: none;

    Ma niente, ogni tentativo e' praticamente vano.

    Please Help!!!


  • User Attivo

    ah scusate, adesso che ho provato, vedo che il problema persiste solo con mozilla, safari non mi da il problema e utilizzando nel css, text-decoration: none, mi elimina il bordo

    ciao


  • User Attivo

    Potrebbe bastarti inserire il seguente codice:

    a {
       text-decoration: none;
    }
    a img {
       border: 0px;
    }
    

    Altrimenti penso che hai impostato qualcosa che sovrascrive queste regole.
    Su Mozilla FireFox dovrebbe funzionare, dato che non contiene bug del genere.


  • User Attivo

    text-decoration: none; lva la ottolineatura dal testo...

    a img {border: 0px;} leva il famoso "bordo blu" dalle immagini