iBars

Не совсем понимаю где тут вообще должны быть иконки. О, они вдруг появились. Под каждой новостью в серой полосочке

Всегда пожалуйста) Не сработало, иконки под новостями не отображаются: сайт | CSS

В общем решил что первый вариант. Спасибо

В вашем решении иконки будут отображаться одной картинкой, а я хочу задать им размер 10х10 и саму иконку выбирать уже посредством background-position. http://only-minecraft.ru/templates/Bars/images/icons.png

Я сделал и хочу использовать иконки для новостей сайта: Я собрался это делать при помощи следующего кода: HTML <div class="cdetails">{link-category} <span class="inviews">{views}</span> <span class="inauthor">{author}</span> <span class="indate">{date}</span> <span class="incomments">{comments-num}</span></div>CSS .cdetails span {padding-left:16px;margin-right:16px;background:url(../images/icons.png) 10px 10px left center no-repeat;}.inviews {background-position:0 0;}.inauthor {background-position:0 0;}.indate {background-position:0 0;}.incomments {background-position:0 0;}Однако сами иконки на сайте не отображаются. Проверял - дело в размерах "10px 10px" в параметре background. Но я на 101% помню, что как-то размеры в нём можно указывать. Только как? 10х10 есть размер одной иконки.padding-left позволяет не налазить тексту на саму иконку.background-position для каждой иконки отдельно настрою потом.

Вот так да, но углы ещё бы удалить .block { width: 100px; height: 100px; position: relative; border: 2px solid #000; text-align: center; line-height: 100px; color: #fff;}.block:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-color: #160919; border: 2px solid; border-image: linear-gradient(180deg, #280661, #1c0639) 1;} А градиентом рамку внутри сделать нельзя? http://jsfiddle.net/wqsrp3cw/ div { width: 95px; height: 95px; background: #160919; border-width: 2px; border-style: solid; border-image: linear-gradient(180deg, #280661, #1c0639) 2 stretch; box-shadow: 0 0 0 2px #160919; color: #fff;}

А градиентом рамку внутри сделать нельзя?

Как мне применить к блоку такую рамку? http://2.firepic.org/2/images/2015-01/10/s8gl0x3s7wky.png Чтобы была двойная, в два пикселя и с градиентом (внутренняя)

Может быть имелось ввиду content: {text: $(this).next('#rateus').text()}?Не работает

Установил на сайт (onlymc.ru) qTip2 (qtip2.com), но при наведении на кнопки голосования ничего не происходит, разве что только когда не использую стиль Tipsy, то хоть что-то работает (появляется жёлтый пустой прямоугольник). Что я сделал не так?

Помучался 10 минут и сделал Последний (надеюсь) вопрос: как убрать размытие шрифта? А то текст плохо читаемый при пиксельном шрифте -webkit-font-smoothing none не работает

Потёрто

Как выровнять теперь по-центру, если display inline-block?

Утрамбовал их рядом, но всё сместилось влево

Имеется сайт, кнопки голосования в красной рамке надо прижать к кнопкам меню (само меню в зелёной рамке). Как это сделать? Сам верстаю на HTML/CSS 4 с лишним лет, но такие вещи в голове уже не проецируются