Guten Tag, ich habe folgendes Problem:
Icons welche ich einbinde, werden leider nicht angezeigt. Ich habe bereits folgendes versucht:
-font-awesome.css und font-awesome.min.css hinzugefügt
-examples neu eingetragen
Jedoch werden mir weiterhin Icons nicht angezeigt.
Könnt ihr mir eventuell helfen?
So sehen die Icons aus: http://prntscr.com/ffkt8f
So sehen die Codes aus:
CSS: style.css
.box-central > .news-area > .news-box > .button {
margin-left: 9px;
padding-bottom: 3px;
float: left;
}
.box-central > .news-area > .news-box > .button > .lesen {
background: #000000;
color: #FFF;
border: 1px solid #000000;
text-decoration: none;
font-family: Arial;
text-transform: uppercase;
font-size: 12px;
padding: 10px 14px;
border-radius: 4px;
font-weight: bold;
float: left;
cursor: pointer;
}
.box-central > .news-area > .news-box > .button > .lesen:hover {
background: #000000;
color: #FFF;
}
.box-central > .news-area > .news-box > .button > .autor {
background: rgba(0, 0, 0, .3);
color: #FFF;
border: 1px solid rgba(0, 0, 0, .3);
font-family: Arial;
font-size: 12px;
padding: 10px 14px;
border-radius: 4px;
font-weight: bold;
float: left;
margin-left: 2px;
width: 106px;
}
.box-central > .news-area > .news-box > .button > .autor > .text-autor {
width: 90px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.box-central > .news-area > .news-box > .button > .autor > .icon {
background: #000000;
width: 29px;
height: 29px;
border-radius: 4px;
color: #999;
font-family: Arial;
font-size: 15px;
position: absolute;
margin-left: 85px;
margin-top: -22px;
}
.box-central > .news-area > .news-box > .button > .autor > .icon > .text-icon {
margin-top: 6px;
width: 100%;
text-align: center;
}PHP: test.php
<div class="button">
<div id="NjY=" class="lesen"><i class="fa fa-share"></i> Lesen</div>
<div class="autor">
<div class="text-autor">
<i class="fa fa-camera-retro"></i> User</div>
<div class="icon">
<div class="text-icon"><i class="fa fa-calendar"></i></div>
</div>
</div>
</div>
<div class="titel">Titel</div>
<div class="beschreibung">Beschreibung</div>
</div>