• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Icon & Text als Link einfügen?

faith

Mitglied
Hallo Ihr,

ich würde gerne als Link anstatt nur "HOME" das Symbol


Icon.JPG

mit dem Wort "HOME" dahinter in die Homepage einfügen.

Muss ich das Bild als JPG gespeichert haben oder wie funktioniert das?

Vielen Dank!
 
Werbung:
Werbung:
kann man direkt runter laden und einbinden oder so
Code:
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
oder mal kurz Googeln gehen ob es da einen neueren Link zu gibt ,aber das war der den ich gerade hatte.

EDIT
Code:
<link rel="stylesheet" https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 
Zuletzt bearbeitet:
Werbung:
so ungefähr muß das aussehen
Code:
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; Home</a>
</div>
</body>
</html>
 
so ungefähr muß das aussehen
Code:
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; Home</a>
</div>
</body>
</html>

Vielen Dank basti - hat soweit geklappt!
 
Werbung:
Aber w3schools ist wirklich sehr, sehr gut und einfach erklärt.
Wenn du damit Anfängst, wirst du das auch merken.
 
Zurück
Oben