Скажите, пожалуйста, как можно добавить значок около ссылки на страницу любого сайта?

XyiZer, 49 просмотров

Имеется страница со ссылками, например, (Веб Картинки Видео Карты Новости Группы Gmail ещё)
надо, что бы при заходе через браузер, напр., Mozilla, правее ссылок были значки ([ ]Веб [ ]Картинки [ ]Видео [ ]Карты [ ]Новости [ ]Группы [ ]Gmail ещё)
ВИЗУАЛЬНОЕ ВОСПРИЯТИЕ ПРОЩЕ И МГНОВЕННЕЕ.
Как сделать?

Это стили ??
Спасибо!
Могу накинуть +100 баллов за ответ

Примечание:
НО КАК ПРИВЯЗАТЬ К ОПРЕДЕЛЕННОЙ ССЫЛКЕ?
можно литературу ? или пример ? мне не очень понятно пока =)

Примечание:
petja5

Я не могу изменить исходный код страницы.
Речь о сайте Вконтакте.
Мне надо поставить иконки сюда :

1.[ ] Моя Страница
2.[ ] Мои Друзья
3.[ ] Мои Фотографии
4. Мои Видеозаписи
5. Мои Аудиозаписи
6. Мои Сообщения
7. Мои Заметки
8. Мои Группы
9. Мои Встречи
10. Мои Новости
11. Мои Закладки
12. Мои Настройки

Примечание:
блин :(
сразу надо было говорить, что речь не о сайте, а о херне какой-то :(
жалко потраченного на ответ времени, если честно.

БАЛЛЫ ВОЗМЕСТЯТ ВСЕ ! =)

Примечание:
чего баллы возместят? МОРАЛЬНАЯ КОМПЕНСАЦИЯ.

МНЕ БЫЛО МЕЖДУ ПРОЧИМ ПОЛЕЗНО И ОЧЕНЬ ПРИЯТНО.

Вы же здесь не первый день, зарегистрировались в тот день, когда мне исполнилось 19 лет :)
Я ТУТ С 24.10.07 ЭТО СЕРЬЁЗНО ??

Должны бы понимать, что вопросы надо задавать полностью, а не вырванными из контекста. Только так на них можно получить правильный и адекватный ответ.
МЫСЛИ ПРОСТО НЕ ВЫЛОЖИЛ ПРАВИЛЬНО. СПАСИБО. БЫЛ ОЧЕНЬ РАД НАШЕМУ ОБЩЕНИЮ.

Примечание:
Rebella ВОТ УЖЕ ПО ДЕЛУ !!!!
Mozilla ФайерФокс 3.5.3

Примечание:
ПРОБЛЕМА РЕШЕНА САМОСТОЯТЕЛЬНО VKOPT ПОМОГ

Ответы:

Елена Левина

да, стилями это делается.
например так:
a.withpic {
display: block;
height: <по высоте картинки>px;
padding-right: <чуть больше ширины картинки>px;
background: url(picture.gif) right no-repeat;
}

Vindicar

Да, это css.
Стилем ставишь в качестве фона ссылки картинку
background: url(fon.png) no-repeat;
и делаешь отступ слева, чтобы текст не наезжал на неё:
padding-left: 32px;

petja5

Самый просто вариант.
<a href="ссылка_на_страницу"><img src="ссылка_на_иконку"/><span>Текст линки</span></a>
Можно ограничиться вообще лишь иконками, а текст пусть всплывает при наведении на иконку
<a href="ссылка_на_страницу"><img src="ссылка_на_иконку" alt="Текст линки"/></a>

Елена Левина

читайте сайт htmlbook.ru
там очень хорошо подана информация, и учебник есть, и справочник.

Елена Левина

блин :(
сразу надо было говорить, что речь не о сайте, а о херне какой-то :(
жалко потраченного на ответ времени, если честно.

Kein

Это возможно. Но нужны руки-релсы. Если их нет, то ответ нет, это невозможно (исключение за $).

Елена Левина

по дополнению №3:
чего баллы возместят? Это же время можно было потратить на что-то более полезное. Например, ответить тому, кому я могу помочь.
Или отойти от компа и позавтракать.
Вы же здесь не первый день, зарегистрировались в тот день, когда мне исполнилось 19 лет :) Должны бы понимать, что вопросы надо задавать полностью, а не вырванными из контекста. Только так на них можно получить правильный и адекватный ответ.

Jeydern

Это делается при помощи тэгов предоставленных petja5. При помощи <img src="адрес изображения" alt="альтернативный текст" width="56" height="56" border="0">
<alt> - при наводе указателем на изображение появляется альтернативный текст.
<width> - ширина изображения в пикселах или в %.
<height> - высота изображения в пикселах или в %
<border> - Рамка вокруг изображения, если равен "0", то рамка отсутствует.
Далее используются теги на гиперссылку. <a href="адрес" title="альтернативный текст">Текст ссылки</a>
Тэг "title" выполняет функцию альтернативного текста в гиперссылках. Появляется при наводе указателя мыши.

15 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.