Entfernen Sie den Linkrand um das Bild herum

Question

Wie entfernt man für SP2010 den hässlichen blauen Rand von Bildern, auf denen ein Link vorhanden ist?Ich habe versucht, hinzuzufügen style="border:0" auf dem Ankertag, aber ohne Erfolg.Danke.

Answer 1

Sie müssen den Stil auf das IMG anwenden, nicht auf das HREF.

Dadurch wird der blaue Rand angezeigt (zumindest im IE und Firefox, Chrome nicht)

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

Keines von beiden wird es tun, zunächst wird das Rahmenattribut „alter Stil“ verwendet

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

Als nächstes verwenden Sie Inline-Stile

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

Und mit CSS den Rand für alle Bilder entfernen

<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

Fügen Sie der betroffenen Seite einen Content -Editor -Webpart hinzu. Bearbeiten Sie die HTML für das Webpart. Einfügen im folgenden Text:

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

Dadurch werden Grenzen aus allen Bildern mit Links auf der Seite entfernt.

Answer 3

Klicken Sie in SharePoint Designer mit der rechten Maustaste auf den Webpart des Bildes und wählen Sie Bildeigenschaften aus und ändern Sie das Erscheinungsbild und ändern Sie die Randdicke auf 0, und der blaue Rand verschwindet.

Answer 4

Ihr Styling des falschen Elements, Sie müssen die Links stylen.http://www.w3schools.com/css/css_pseudo_classes.asp

Sie können Stile anzeigen, die angewendet werden, indem Sie das IE -Entwickler -Tool, Firebug in Firefox oder Chrome Developer Tool verwenden.

Gute Blogs, um ein Lesezeichen zu halten:

http://blog.drisgill.com/

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

Answer 5

Klicken Sie auf Site -Aktionen (obere linke Ecke des Bildschirms) Gehen Sie zu: Site -Einstellungen - Look and Feel - Site -Thema ändern Sie die ausgewählte Farbe für den "folgenden Hyperlink" in Weiß (Farbcode ist #f8f8f8) Klicken Sie auf Bewerben.

Answer 6

Ich habe den folgenden Code verwendet und es hat funktioniert:

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

Die Grenze wird aus dem Umrissattribut erstellt. Stellen Sie einfach sicher, dass Sie es als keine haben. Ich hoffe, das wird jemand anderem helfen