Лента Каталог Файлы Форумы Услуги
ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

Изображения напротив ссылки

 
1

1757
AndreyKiev @AndreyKiev
Кто подскажет, как правильно прописать, чтобы иконка была четко напротив ссылки

4619
Web3r @Web3r
Если через <img>, то img{vertical-align:middle}.
Если через background, то {background:url(...) no-repeat 1% 50%}.

Отредактировано Web3r - 03.07.2011
7094
--- @Render
Или на крайний случай <img src="" align="middle">

Отредактировано Render - 03.07.2011
8497
Степан @Trilby
Render пишет:

Или на крайний случай <img src="" alt="middle">

Вообще-то Alt - это текст при наведении на картинку

6600
Александр @admiral
😀 align="middle"

7094
--- @Render
Trilby пишет:

Render пишет:

Или на крайний случай <img src="" alt="middle">

Вообще-то Alt - это текст при наведении на картинку

Подзапарился просто. Адмирал меня исправил.

1757
AndreyKiev @AndreyKiev
да это оно в Ие9 норма все а мозила все равно не ставит изображения напротив ссылки

2970
удалён @Foggy
попробуй не в процентах, а в пикселях... можт поможет
{backgound: url() 1px 2px no-repeat;}
1px - отступ самой картинки сверху, 2px - слева. ну и настраивай эти цифры как надо.
а потом не забудь паддинг шириной в картинку прописать.
{padding-left:20px}
в таком случае текст ссылки смещается на 20 пикселей, а в них умещается картинка.
если картинка большая - увеличивай всё соответственно.

1757
AndreyKiev @AndreyKiev
Foggy пишет:

попробуй не в процентах, а в пикселях... можт поможет
{backgound: url() 1px 2px no-repeat;}
1px - отступ самой картинки сверху, 2px - слева. ну и настраивай эти цифры как надо.
а потом не забудь паддинг шириной в картинку прописать.
{padding-left:20px}
в таком случае текст ссылки смещается на 20 пикселей, а в них умещается картинка.
если картинка большая - увеличивай всё соответственно.

ага сенкс