Расставление img ссылок на едином background'e

[oomozar]

Пришлось немного пописать, и возник один вопросик.

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

Ну и собственно вылез вопрос как сделать все три иконки ссылками.

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

Помогите пожалуйста, сегодня нужно!

Буду очень признателен

[Nanto]

<a href="..."><img src="..."></a> - не судьба?

[oomozar]

<a href="..."><img src="..."></a> - не судьба?

Видимо надо обьяснить получше.

Есть header, в нем вот такое как я показал лого.

И нужно сделать так, чтобы ссылки были на logo ФБ, ВК и Твита.

Как то новые дивы вводить, подгонять, или как?

А поверх бекграунда, как ты говоришь, не поняв вопрос, не получится, ибо тот же Glow от картинок нормально не ляжет.

Edited October 24, 2011 by oomozar

[Searcher]

position: absolute; 
display: block; 
height:32px; 
width:32px; 
left:[сколько-то]px; 
top:[сколько-то]px;

и можно любую ссылку позиционировать поверх фиксированного бэка.

[sigma77]

oomozar,

Варианта два:

1. Разрезать картинку.

2. Использовать карты изображений - http://htmlbook.ru/html/map

[Nanto]

Да шлепни одним бэкграундом - как сейчас (с уже нарисованными на нём значками соц.сетей). А поверху через абсолютное позиционирование пустые дивы размером со значки - и их сделай ссылками.

Нормально, кстати любой GLow ляжет, если грамотно png-24 "сварить"...

[oomozar]

position: absolute; 
display: block; 
height:32px; 
width:32px; 
left:[сколько-то]px; 
top:[сколько-то]px;

и можно любую ссылку позиционировать поверх фиксированного бэка.

Абсолютное значение если задашь то он будет брать от верха/низа/боков браузера а не элемента же.

По моему самым простым будет действительно изучить карту сайта )))

[Gaspode]

Абсолютное значение если задашь то он будет брать от верха/низа/боков браузера а не элемента же.

Родителю задайте position: relative, тогда будет вам щаааастье.