uHHOBATOP Сообщение 11/12/2010 17:27 Копия темы
Сложный вопрос, как в CSS реализовать фичу Значит так, надо, чтобы у каждого линка, рядом красовалась стрелочка: ↓ и реализовать это надо для всех линков. Есть идеи?

Santorro Сообщение 11/12/2010 17:29 Копия темы
привязать класс c картинкой в тегу a

MaxaON-SEO Сообщение 11/12/2010 17:33 Копия темы
padding-left:7px; background:url(arrow.gif) left top no-repeat; что-то типа того видимо, пробовать надо

bikers-boy Сообщение 11/12/2010 17:34 Копия темы
или задать:
padding-left: 5px; /ну тут сами смотрите сколько нужно/
background:url(../images/strelka.png) left no-repeat;

uHHOBATOP Сообщение 11/12/2010 17:35 Копия темы
Спасибо:) Попробую. Получится с меня отзыв:) Спасибо за попытку помочь.

bikers-boy Сообщение 11/12/2010 17:35 Копия темы
блин пока печатал – и вы уже напечатали то же самое)

uHHOBATOP Сообщение 11/12/2010 17:36 Копия темы
Вопрос. А если это не картинка, а просто символ стрелки (как буква)? То есть можно ли обойтись без картинки? (дабы не множить объем содержимого?)

uHHOBATOP Сообщение 11/12/2010 17:38 Копия темы
+ Неизвестно сколько будет отступ, текст ссылки может быть разным. 
Вот смотрим на сайте: gazprom.ru/tenders/
Но там, как я понял стрелка проставляется вручную, неужли нельзя это в css реализовать?

bikers-boy Сообщение 11/12/2010 17:39 Копия темы
хм, картинка займет у вас (если в пнг) гдето 300-600 байт!

bikers-boy Сообщение 11/12/2010 17:41 Копия темы
оступ вы делаете от стрелки к ссылке, оступы между ссылками самими не пострадают!

Faat Сообщение 11/12/2010 17:41 Копия темы
И это в 300 раз больше, чем символ.)

uHHOBATOP Сообщение 11/12/2010 17:41 Копия темы
Там перелинковка внутренная обширная (в целях seo), причем она реализована на автомате (keyword – превращается в линк) так что по этим байтам, лишних килобайтов набежит. А тут важен минимальный размер.
Есть идеи?

MaxaON-SEO Сообщение 11/12/2010 17:41 Копия темы
ага, прислушайтесь к человеку) А вообще, лишнее это всё. Я только в маню типа подложки делаю максимум. А это может сбивать юзера с толку.
Кстати, можно спрайтом зафигачить чтобы при наведении картинка менялась. Либо цвет стрелки, либо направление) Люблю такую фиготень делать)

uHHOBATOP Сообщение 11/12/2010 17:42 Копия темы
Ммм. А вот это меняет ситуацию. Хорошо. А как быть с отступом. Неизвестна длина слова для линка? Как указать, чтобы стрелка была в конце?

Faat Сообщение 11/12/2010 17:43 Копия темы
> так что по этим байтам, лишних килобайтов набежит
Не набежит.
Оно один раз загрузится, у пользователя закешируется – и всё.

uHHOBATOP Сообщение 11/12/2010 17:43 Копия темы
:) Приятно, разделяю взгляды:) Спасибо за желание помочь. Будет нужна юр. помощь – обращайтесь:)

uHHOBATOP Сообщение 11/12/2010 17:44 Копия темы
Так как эту картинку заставить "присовокупиться" именно к окончанию линка?

bikers-boy Сообщение 11/12/2010 17:46 Копия темы
это да! Но даже при самом медленном интернете думаю это не отразится на скорости загрузки страницы)

bikers-boy Сообщение 11/12/2010 17:47 Копия темы
в коде прописано мною будет спереди, если нужно после ссылки то тогда left везде изменить на right

MaxaON-SEO Сообщение 11/12/2010 17:48 Копия темы
вроде css )

uHHOBATOP Сообщение 11/12/2010 17:52 Копия темы
:) Пошел делать. Спасибо:)

bikers-boy Сообщение 11/12/2010 17:54 Копия темы
обьясню по другому! Допустим у вас ссылка размером 100пх! код:padding-left: 5px – увеличит ее на 5 пх для стрелки! И так будет с любой ссылкой сколько б она не занимала, 20, 40, 100 – везде будет добавлятся сбоку 5 пх для стрелочки!

uHBECTOP Сообщение 11/12/2010 18:06 Копия темы
div#content a:link {
        text-decoration: none;
        display: inline-block;
        border-bottom: 1px dashed #5E9521 !important;
        padding-left:7px; 
        background:url(s1.png) right top no-repeat
}

Так? По моему тут что-то не так...

MaxaON-SEO Сообщение 11/12/2010 18:18 Копия темы
я обхожусь без display: inline-block; и не знаю что это такое) Сегодня изучу)
смотрите как у вас пути к картинке идут в движке, может стоит прописать прямой путь. И я не помню, вроде бы адрес в кавычках указывается, то ли в 1, то ли в двойных. Но могу путать с чем-то. А так вроде так)

uHBECTOP Сообщение 11/12/2010 18:18 Копия темы
div#content a:link {
        text-decoration: none;
        display: inline-block;
        border-bottom: 1px dashed #5E9521 !important;
        padding-left:7px; 
        background:url(s1.png) right top no-repeat
}

Так? По моему тут что-то не так...

uHBECTOP Сообщение 11/12/2010 18:19 Копия темы
Тут минус, получается что отступ именно линка, а не картинки.

MaxaON-SEO Сообщение 11/12/2010 18:22 Копия темы
меня смущает div#content почему-то. не могу понять почему

bikers-boy Сообщение 11/12/2010 18:27 Копия темы
а что именно не так? можно глянуть гдето что получилось?
у вас картинка лежит в корне сайта?

bikers-boy Сообщение 11/12/2010 18:29 Копия темы
нет, тут кавычек не нужно никаких!

romant37 Сообщение 11/12/2010 20:09 Копия темы
div#content a:link { 
        text-decoration: none; 
        display: inline-block; 
        border-bottom: 1px dashed #5E9521 !important; 
        padding:0 7px 0 0;  
        background: url(s1.png) right center no-repeat; 
} 
Попробуй так.
Т.к. если хочешь стрелку сделать справа значит и отступ надо делать справа.