dakanca

Решил. Изначально файлы стилей иконок в отдельный файл, а стили позиционирования в другой. Стили позиционирования стояли выше стиля иконок в head Поднял стиль иконок на самый верх. Работает.

Данное решение используется для font-awesome Для себя не использовал. При загрузке странице background появляется, но при окончании загрузки исчезает. Не знаю что и делать. Буду вставлять чз img. Потом переделаю. (

Логотип сдвинется, на другом разрешении, или если свернуть в окно браузер. Выше я прилагал ссылку, прочтите, вопросы отпадут.

Я бы не советовал ставить абсолютное позиционирование, пользуйтесь отступами. Если не получается отступами, то дайте обертке лого position: relative;, это даст вам больше контроля. подробнее

Добрый день. Вероятно решается просто. Не знал как сформулировать, чтобы загуглить. <a href="#"><div class="icon-share-shadow-17x13"></div></a> .icon-share-shadow-17x13 { background: url("/content/images/i/icon/icon-action-with-shadow.png") no-repeat -20px 0; width: 17px; height: 13px; display: inline-block; zoom: 1; *display: inline; } Не отображает иконки в IE - 7 - 8 Идею взял с http://fortawesome.github.com/Font-Awesome/ Про в хаке для IE 7 такой код: .icon-refresh { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

Спасибо огромное.

Ммм, спасибо. А при условии что в блоке 3 шрифта? UPD: Прошу прощения, просто пример неудачный.

Добрый день. Версткой занимаюсь недавно. Интересует правильно ли я делаю, когда выношу стили на классы. Пример: <div class="block-wrapper tahoma"> Hello world! </div> .tahoma { font-family: Tahoma, Verdana, Segoe, sans-serif; } Или дайте ссылку где могу почитать как правильно строить семантику архитектуру стилей. Желательно на русскоязычный ресурс. Спасибо заранее.