iBars

 

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

 

Не совсем понимаю где тут вообще должны быть иконки.

 

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

 

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

 

Всегда пожалуйста)

 

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

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

.cdetails span {padding-left:16px;margin-right:16px;background:url(../images/icons.png) no-repeat;}

Попробуй так

 

Проверял - дело в размерах "10px 10px" в параметре background. Но я на 101% помню, что как-то размеры в нём можно указывать. Только как?

В вашем решении иконки будут отображаться одной картинкой, а я хочу задать им размер 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;}

Вот так да, но углы ещё бы удалить

Так сойдет? http://jsfiddle.net/8bpjtuhq/

.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/satantx/wxpka9r8/

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

 

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://jsfiddle.net/satantx/wxpka9r8/

Как мне применить к блоку такую рамку?

http://2.firepic.org/2/images/2015-01/10/s8gl0x3s7wky.png

Чтобы была двойная, в два пикселя и с градиентом (внутренняя)

content: {

text: $(this).next('#rateus')

}

Может быть имелось ввиду

content: {text: $(this).next('#rateus').text()}

?

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

Помучался 10 минут и сделал

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

-webkit-font-smoothing none не работает

Потёрто

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

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

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