Второй раз спрашиваю) Клас Hover

[xaoc90]

http://cssdeck.com/labs/full/bsoni6ey

 

вот что у меня получилось)

при помощи псевдо класса hover

Мне нужно что бы справа светился тупо черный квадратик, при наведении мышки на который выезжяло окошко соц сетей, которое нарисовано в примере.

 

Я могу сделать токльо что бы они по отдельности выезжяли(черный прямоугольник, картинка соц сети первая вторая и третья), а мен нужно что бы один елемент вызывал сразу 4 елемента

[Switch74]

можно так, но способов много

http://cssdeck.com/labs/hbtthizt

[xaoc90]

Огроное спасибо) мне просто нужно было понять как это делается) спасибо)

Вообще здорово код сократил и  получилось то что нужно)

http://cssdeck.com/labs/full/opglwhbt

 

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

[Switch74]

если нужны именно fixed элементы по краям, и при этом они не должны наезжать на контент, то нужно сделать минимальную ширину для сайта и боковых элементов или добавить для контента отступы слева и справа равные ширине боковых элементов