[диназавр]

Доброго времени суток!
Вопрос замены ссылок "Комментарии", "Подписаться", "В цитатник" поднимался уже не раз, но вразумительного ответа мной найдено не было.

Замечательный код из примера

 .comments {width:16px !important; height:1px !important; padding-top:16px !important; clip:rect(0px 16px 16px 0px); background:url('/userdir/2/7/2/4/2724947/71424773.png';) no-repeat;}

Делает так:

Код

.comments a {padding-left: 20px !important; } .comments_count_link a {background-image: none !important; padding-left: 0px !important; } .comments a{background: url('/userdir/2/7/2/4/2724947/71424990.png';) no-repeat; }

Размещает рядом

Данный

.comments_count_link a {background-image: none !important; padding-left: 0px !important; }
.comments a{ padding-top:10px!important;background: url('/userdir/2/7/2/4/2724947/71424990.png') no-repeat; width:16px; height:16px; line-height:0px; }

Практически полезное:

Если ввести line-height, то получается море пустого пространства

@темы: текст, фоновые картинки, основные блоки, платный сервис, Дизайн

Comments

[dead_mockingbird]

во втором коде какой-то ужас.
откуда в нем хтмл-теги оказались?

и какой у вас вопрос? вы хотите полностью ссылки заменить на картинки?

[Gonty]

Да и clip:rect(0px 16px 16px 0px); будет работать только с абсолютным позиционированием.

[диназавр]

dead_mockingbird, теги остались после редактора сообщений
Да, хочется чтобы был рисунок и рядом кол-во комментариев
Gonty, вот замечательно и так работает

 .upPostLink{width:16px !important; height:1px !important; padding-top:16px !important; clip:rect(0px 16px 16px 0px); background:url('/userdir/2/7/2/4/2724947/71424759.png') no-repeat;}

[Gonty]

вот замечательно и так работает

... Без clip:rect(0px 16px 16px 0px); представленный код будет так же замечательно работать.

[dead_mockingbird]

Да, хочется чтобы был рисунок и рядом кол-во комментариев

боюсь без абсолютного позиционирования вряд ли получится. а ссылки «в цитатник» и «подписаться» на картинки менять вообще не советую.

[диназавр]

dead_mockingbird, мда.... сложная задача

[dead_mockingbird]

диназавр, проблема в следующем: чтобы спрятать текст за картинку, нужно элементу задать блоковое отображение (display: block, а это *вышибет* ссылку из общей линии, поэтому ее придется двигать и позиционировать.