Помощник
 |
|
|
|
|
Сообщение сайта
 Прописать ссылки на картинке |
modlen
|
Сообщение
#1
|
||
 Участник  Группа: User Сообщений: 239 Регистрация: 14.10.2009 Из: Россия Поблагодарили: 31 раз Репутация:  2 
 |
|
||
 |
|
||
 |
|
devuser
|
 13.5.2013, 13:36;
Ответить: devuser
Сообщение
#2
|
 Все будет тип-топ Группа: Active User Сообщений: 713 Регистрация: 5.12.2012 Из: Online Поблагодарили: 345 раз Репутация: 52
|
Абсолютным позиционированием, например
CSS /*фон меню*/ .menu{ width:300px; height:200px; position: relative; } /*собственно ссылки*/ a.item{ position:absolute; display:block; width:40px; height:30px;} a.item1{ left:40px top: 20px;} a.item2{ left:100px top: 20px;} a.item3{ left:160px top: 20px;} и HTML <div class="menu">
<a href="#" class="item item1"></a> <a href="#" class="item item2"></a> <a href="#" class="item item3"></a> </div> -------------------- |
|
|
|
|
bifot
|
19.6.2013, 20:51;
Ответить: bifot
Сообщение
#3
|
|
 Участник Группа: User Сообщений: 217 Регистрация: 30.5.2013 Поблагодарили: 50 раз Репутация: 3
|
Вот, пожалуйста!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style> body { background: #ddd; /* Серый фон (не обязательно). */ } #menu { } #menu a { padding: 15px; /* Расстояние в одном блоке до ссылок. */ margin: 10px; /* Расстояние от блоков. */ text-decoration: none; /* Стиль ссылки (отсутствует). */ } .one { background: black; /* Черный фон первой ссылки. */ } .two { background: red; /* Красный фон второй ссылки. */ } .three { background: yellow; /* Желтый фон третий ссылки. */ } .four { background: green; /* Зеленый фон четвертой ссылки. */ } .five { background: blue; /* Синий фон пятой ссылки. */ } </style> </head> <body> <div id="menu"> <a href="#" class="menu one">Главная</a> <!-- Первая ссылка --> <a href="#" class="menu two">О нас</a> <!-- Вторая ссылка --> <a href="#" class="menu three">Услуги</a> <!-- Третья ссылка --> <a href="#" class="menu four">Портфолио</a> <!-- Четвертая ссылка --> <a href="#" class="menu five">Контакты</a> <!-- Пятая ссылка --> </div> </body> </html>
-------------------- |
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
 Вечные ссылки с трастовых сайтов |
54 | 1informer | 22808 | 20.4.2024, 18:39 автор: 1informer |
|
Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс. | 63 | DaoDog | 47456 | 19.4.2024, 12:05 автор: Omaxis |
|
Крауд ссылки с форумов, блогов, порталов. Жирные ссылки с Ua,Ru, Бурж площадок. Вечные ссылки в статьях на собственных сайтах Быстро, качественно и ответственно! |
138 | vetalbon | 66629 | 13.4.2024, 17:53 автор: vetalbon |
 |
SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией | 20 | Needmylink1 | 7010 | 12.4.2024, 23:32 автор: Needmylink1 |
|
Оптом и в розницу, скупаю ссылки околомедицинской тематики. | 3 | kasey7 | 2073 | 4.4.2024, 19:12 автор: kasey7 |
|
Текстовая версия | Сейчас: 23.4.2024, 12:23 |
