#html #css #icons
#HTML #CSS #Значки
Вопрос:
Я просто хочу отображать потрясающие значки шрифтов вместо изображений на временной шкале событий. Я заменил 3 опубликованные области IMG на .fa — Однако это, похоже, неверно. Как мне делать то, что я хочу? Спасибо! :—)
.event-timeline ul li .single-event .fa { height: 80px; width: 80px; float: left; border-radius: 50%; margin-right: 15px; margin-top: 10px; } .event-timeline ul li:nth-child(2n 1) .single-event .fa { float: right; margin-right: 0; margin-left: 15px; } .event-timeline ul li .single-event img { height: 80px; width: 80px; float: left; border-radius: 50%; margin-right: 15px; margin-top: 10px; } .event-timeline ul li:nth-child(2n 1) .single-event img { float: right; margin-right: 0; margin-left: 15px; } .event-timeline ul li:nth-child(2n 1) .single-event img { float: left; margin-right: 15px; margin-left: 0; } .event-timeline ul li:nth-child(2n 1) .single-event .fa { float: left; margin-right: 15px; margin-left: 0; } lt;ligt;lt;div class="single-event"gt; lt;img src="assets/images/UCF-SIGN-IN.png" height="500" alt="event speaker"gt; lt;i class="fas fa-sign-in-alt fa-4x" aria-hidden="true"gt;lt;/igt; lt;p class="event-time"gt;10:00 AM - 10:00 PMlt;/pgt; lt;h3gt;REGISTRATIONlt;/h3gt; lt;h3gt;UCF STAFF,lt;/h3gt; lt;spangt;VARIOUSlt;/spangt; lt;/divgt;lt;/ligt; Комментарии:
1. Пожалуйста, добавьте свой HTML-код. Не зная, как вы заменили элемент img значком fa, невозможно быть уверенным в том, что вам нужно сделать.
2. В вашем вопросе, похоже, нет никакого HTML. Не помещайте это в комментарии и, пожалуйста, сделайте фрагмент, который мы можем запустить, чтобы увидеть проблему самостоятельно.
3. Я отредактировал начальный пост в этой теме. :—)
Ответ №1:
.fa в css должно быть правильно.
Комментарии:
1. Итак, измените .event-timeline ul li .single-event fa на .event-timeline ul li .single-event .fa ? Это тоже ничего не дало. :—)
2. Добавьте код HTML и CSS здесь
3. Я отредактировал исходный вопрос в этой теме. :—)