Hallo Zusammen,
ich versuche mich gerade im Webseiten-Design.
In meiner Menüleiste habe ich eine SVG-Datei eingebaut (SocialMedia-Link).
Da das Bild weiß sein soll, habe ich die schwarze SVG-Datei in Photoshop in weiß gefärbt.
Doch das Bild wird trotz richtigem HTML und CSS Code nicht angezeigt. Wenn ich die normale schwarz gefärbte Datei verwende, wird das Bild aber angezeigt.
Ich bitte um Hilfe.
html-seminar.de/woltlab/attachment/2745/
Das Twitter- und das Instagram-Icon sind FontAwesome 4 Icons.
Da es dort kein Icon für Discord gibt, verwende ich eine SVG-Datei.
HTML-Code:
HTML
<div id="div2" class="div2">
<ul id="socialmedia">
<li>
<a href="#" id="fa-twitter1" class="fa fa-twitter"></a>
</li>
<li>
<a href="#" id="fa-instagram1" class="fa fa-instagram"></a>
</li>
<li>
// um diese Datei handelt es sich //
<a href="#" id="fa-discord1"><img src="discord-brands.svg" alt=""></a>
</li>
</ul>
</div>
Alles anzeigen
CSS
#fa-discord1>img {
height: 17px;
width: 17px;
margin-top: 5px;
margin-left: 1px;
}
#fa-discord1:hover {
opacity: .8;
}
Vielen Dank im Voraus und eine schöne Weihnachtszeit.
Liebe Grüße
Jonathan C.