Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2006
    Messaggi
    123

    IE - come togliere riquadri blu da link via css

    Ciao a tutti, so che è una domanda da noob ma non riesco a risolvere il problema con browser ie. Mi appaiono intorno a immagini utilizzate come link dei bordi azzurri!! Come toglierli via css?
    cosi' faccio un foglio di stile alternativo solo per ie e poi piazzo la condizione nella head if ie

  2. #2
    non c'è bisogno di creare condizioni ulteriori, prova con:

    img {border:0}
    sopra la panca la capra campa, sotto la panca la suddetta decede (soffrendo).
    (il mio vero nome è davidino ^_^)

  3. #3
    codice:
    #div    {
        width: 150px;
        height: 150px;
        margin: 0;
        padding: 0;
        }
    
    #div a  {
        display: block;
        height: 100%;
        width: 100%;
        background: url(#foto.png) no-repeat center;
        }
    Rendendo "a" un elemento di blocco e di conseguenza assegnandogli delle misure, in questo caso in percentuale in modo che corrisponda al contenitore, si ottiene il collegamento sull'immagine di sfondo del "div" che si vuole linkare. Senza problemi di bordi blu.
    Il mark up è minimale:
    <div id="div">
    <a href="#.htm></a>
    </div>

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    78
    Dato che ho un problema simile mi accodo: quando uso un'immagine come link il bordo non mi compare sempre (ho già messo border a zero), però mi compare nel momento in cui clicco sull'immagine.
    Più precisamente compare un bordo punteggiato dello stesso colore del link. Cosa che noto succede anche con altri siti, compreso questo.

    È un effetto che si può eliminare? Se sì, come?
    Grazie anticipate per le eventuali risposte.

  5. #5
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Originariamente inviato da axlman
    ......
    Più precisamente compare un bordo punteggiato dello stesso colore del link. Cosa che noto succede anche con altri siti, compreso questo.

    È un effetto che si può eliminare? Se sì, come?
    Grazie anticipate per le eventuali risposte.
    codice:
    img {
    	outline: none;
    }

  6. #6
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    78
    Grazie della veloce risposta.

    Come hai suggerito tu non funziona quando si tratta di un'immagine con associato un link, però mi hai dato l'imbeccata giusta con un comando che non conoscevo (outline).
    Il codice che mi ha funzionato alla fine è

    codice:
    a:focus {
      outline: 0;
    }

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.