forum.okis.ru http://forum.okis.ru/ |
|
Вставка изображения-ссылки в шапку http://forum.okis.ru/viewtopic.php?f=5&t=4377 |
Страница 1 из 1 |
Автор: | vegastr [ 15 фев 2014, 16:51 ] |
Заголовок сообщения: | Вставка изображения-ссылки в шапку |
Нужно в шапку вставить несколько картинок-ссылок. Пробую так: Код: div.art-header-jpeg { border-radius: 15px; background:url(http://travnoe.okis.ru/img/travnoe/header.png) } {background: url(http://travnoe.okis.ru/img/travnoe/menu/Main.png) no-repeat; top:100; rigth:100; } Первая это сама шапка, вторая картинка-ссылка (ну задумывается по крайней мере) Как сделать, чтобы вторая картинка была поверх первой? Ну и как вставить ссылку на картинку в css, я в html почитал теорию, но как применить к css не знаю. |
Автор: | Zorro [ 16 фев 2014, 16:41 ] |
Заголовок сообщения: | Re: Вставка изображения-ссылки в шапку |
vegastr писал(а): Как сделать, чтобы вторая картинка была поверх первой? Смотрите z-index и позиционирование слоёв в CSS. vegastr писал(а): Ну и как вставить ссылку на картинку в css, я в html почитал теорию, но как применить к css не знаю. Ссылка ставится не на картинку, а на слой, бэкграундом которого является изображение. |
Автор: | Михаил Орлов [ 23 фев 2014, 19:19 ] |
Заголовок сообщения: | Re: Вставка изображения-ссылки в шапку |
vegastr писал(а): Как сделать, чтобы вторая картинка была поверх первой? Ну и как вставить ссылку на картинку в css, я в html почитал теорию, но как применить к css не знаю. Можно сделать попроще - в "размещение рекламы" наверх пишем такой код: Код: <div style="position: absolute; top: -48px; right: -180px; width: 90px; height: 35px;"> <a href="ссылка"><img src="картинка" alt="" width="" height="" border="0" /></a> </div> Числа подбираем как нужно в Вашем варианте |
Страница 1 из 1 | Часовой пояс: UTC + 3 часа [ Летнее время ] |
Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |