Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    text decoration su immagini in firefox

    Ciao,
    premetto che sono totalmente inesperto e sto progettando il mio sito seguendo gli ottimi consigli che HTML.it ha saputo darmi fino ad ora.

    Ho un fatto da risolvere nella visualizzazione su Firefox quando inserisco delle immagini con dei link.
    Su Safari e Bbedit le visualizzo correttamente, ma su firefox escono con una cornice blu che non vorrei.
    Cosa dovrai inserire nel codice e nel css per evitare questo?

    Un esempio è sulla prima pagina di

    www.ecciproduzioni.com

    le due immagini gif "Steinberg" e "Oktava".

    Il css è scritto così:

    -----------------------

    /* regole per gli elementi con class=lincoda */

    a.linkcoda:link { /*colore link non visitati*/
    color: black;
    text-decoration: none;
    }
    a.linkcoda:visited { /*colore link visitati*/
    color: black;
    text-decoration: none;
    }
    a.linkcoda:hover { /*colore link al passaggio del mouse*/
    color: orange;
    text-decoration: none;
    }
    a.linkcoda:active { /*colore link mentre il tasto sinistro è premuto*/
    color: yellow;
    text-decoration: underline;
    }
    /* regole per gli elementi con class=linksito */

    a.linksito:link { /*colore link non visitati*/
    color: #888888;
    text-decoration: none;
    }
    a.linksito:visited { /*colore link visitati*/
    color: #888888;
    text-decoration: none;
    }
    a.linksito:hover { /*colore link al passaggio del mouse*/
    color: orange;
    text-decoration: none;
    }
    a.linksito:active { /*colore link mentre il tasto sinistro è premuto*/
    color: yellow;
    text-decoration: underline;
    }
    /* regole per gli elementi con class=linkfoto */

    a.linkfoto:link { /*colore link non visitati*/
    text-decoration: none;
    }
    a.linkfoto:visited { /*colore link visitati*/
    text-decoration: none;
    }
    a.linkfoto:hover { /*colore link al passaggio del mouse*/
    text-decoration: none;
    }
    a.linkfoto:active { /*colore link mentre il tasto sinistro è premuto*/
    text-decoration: none;
    }
    /* regole per gli elementi con class=linklista */

    a.linklista:link { /*colore link non visitati*/
    color: #003366;
    text-decoration: none;
    }
    a.linklista:visited { /*colore link visitati*/
    color: #003366;
    text-decoration: none;
    }
    a.linklista:hover { /*colore link al passaggio del mouse*/
    color: orange;
    text-decoration: none;
    }
    a.linklista:active { /*colore link mentre il tasto sinistro è premuto*/
    color: yellow;
    text-decoration: underline;
    }

    -----------------------

    dovrei aggiungere un diverso comando nel css?

    Grazie infinite.

    Emanuele
    Emanuele Costantini

    www.ecciproduzioni.com
    www.imdb.com/name/nm1987084
    www.myspace.com/emanuelecostantini

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    a img { border: 0; }
    Vuoi aiutare la riforestazione responsabile?

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

  3. #3
    codice:
    img{
    border: 0;
    }
    
    a img{
    border: 0;
    }
    e togli il bordo a tutte le immagini, linkate e non

  4. #4

    grazie

    grandioso grazie!
    Emanuele Costantini

    www.ecciproduzioni.com
    www.imdb.com/name/nm1987084
    www.myspace.com/emanuelecostantini

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Questo puoi anche evitarlo:

    codice:
    a img{
    border: 0;
    }
    La prima regola leva il bordo a tutte le immagini, anche quelle linkate.

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.