Rimuovi il bordo del collegamento attorno all'immagine

Question

Per SP2010, come si rimuove il brutto bordo blu dalle immagini che contengono un collegamento?Ho provato ad aggiungere style="border:0" sul tag di ancoraggio ma senza alcun risultato.Grazie.

Answer 1

È necessario applicare lo stile all'IMG, non all'HREF.

Questo mostrerà il bordo blu (almeno in IE e Firefox, Chrome no)

<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png">
</a>

Nessuno di questi lo farà, prima utilizzando l'attributo del bordo "vecchio stile".

<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png" border="0">
</a>

Successivamente utilizzando gli stili in linea

<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png" style="border:none;">
</a>

E usando i CSS per eliminare il bordo per tutte le immagini

<style>
   a img {border:none}
</style>
<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png">
</a>

Answer 2

Aggiungi un Content Editor Webpart alla pagina interessata. Modifica il codice HTML per il webpart. Incollare il seguente testo:

<style>
   a img {border:none}
</style>

Questo consente di eliminare i bordi da tutte le immagini con link sulla pagina.

Answer 3

In SharePoint Designer fare clic destro sul web parte dell'immagine e selezionare le proprietà di immagine, selezionare l'aspetto e il cambiamento lo spessore del bordo a 0 e le scompare blu bordo.

Answer 4

Il tuo styling l'elemento sbagliato, è necessario lo stile i link. http://www.w3schools.com/css/css_pseudo_classes.asp

È possibile visualizzare gli stili applicati utilizzando lo strumento Developer IE, Firebug in Firefox o Chrome strumento di sviluppo.

Buona blog per mantenere segnalibro:

http://blog.drisgill.com/

http://www.heathersolomon.com/blog/

Answer 5

Fare clic su Azioni sito (in alto a sinistra dello schermo) Vai a: Sito impostazioni - aspetto grafico - tema del sito Cambiare il colore selezionato per il "collegamento ipertestuale seguito" al bianco (codice colore è # F8F8F8) Fare clic su Applica.

Answer 6

ho usato il seguente codice e ha funzionato:

<img src="image.png" alt="Trust Pilot" border="0px" style="border:none!important; outline:none!important;">

Il confine è creato dall'attributo contorno semplicemente assicurarsi di avere come nessuno. Spero che questo contribuirà a qualcun altro