Помощник
|
Разворачивающееся меню с закругленными углами |
frauzelda
|
Сообщение
#1
|
||
|
|
||
|
|||
Apay |
4.3.2011, 0:04;
Ответить: Apay
Сообщение
#2
|
|
приведите ваш код, посмотрим
|
|
|
frauzelda
|
Сообщение
#3
|
|
<div id="sidebar"> <table> <tr> <td style="background:url(images/topmenu.png)">МЕНЮ</td> </tr> <tr> <td style="background:url(images/m1menu.png)"> <ul> <li>Главная</li> <li>Бизнес с AVON</li> <li>Посмотреть каталог</li> </ul> </td> </tr> <tr> <td style="background:url(images/m2.png)"> <ul> <li>Заказать продукцию</li> <li>Статьи</li> <li>Контакты </ul> </td> </tr> <tr> <td><img src="images/botmenu.png"/></td> </tr> </table> </div> Здесь правда я на 4 части разделила...не помню уже зачем. [attachment=37554:2.png] Если ставить между <td> то получится конечно красиво, но тогда я не знаю как в таблицу запихнуть список с меню и чтобы меню растягивалось при развороте пункта. Может есть способ сделать не в виде таблицы, а в виде блоков.или еще как-нибудь |
|
|
alexdrob |
4.3.2011, 0:44;
Ответить: alexdrob
Сообщение
#4
|
|
Вам нужно чтобы оно тянулось? или прям такого размера задний фон чтобы и был?
|
|
|
frauzelda
|
Сообщение
#5
|
|
чтобы вытягивалось тогда, когда жмешь на ссылку с подменю.
может я слишком многого хочу..?:rolleyes: |
|
|
alexdrob |
4.3.2011, 0:48;
Ответить: alexdrob
Сообщение
#6
|
|
Делайте две картинки menu.png полностью фон с шапкой длинный по высоте, вторую нижнюю полосу, пикселей 20-30 menu_bottom.png
<style> #menu{ background-image: url(menu.png); width: 251px; padding-top: 50px; } #menu ul{ list-style: none; padding:0 0 30px 100px; background-image: url(menu_bottom.png); background-position: bottom; background-repeat: no-repeat; } #menu ul a{ color: white; text-decoration: none; font-size: 16px; font-family: arial; } </style> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Главная</a></li> <li><a href="#">Главная</a></li> <li><a href="#">Главная</a></li> <li><a href="#">Главная</a></li> </ul> </div> шрифты и отступы под себя делайте |
|
|
frauzelda
|
Сообщение
#7
|
|
что то не получилось так.
вот что вышло[attachment=37555:3.png] |
|
|
alexdrob |
4.3.2011, 1:14;
Ответить: alexdrob
Сообщение
#8
|
|
ну так размеры задайте.
[CSS]#menu{ background-image: url(menu.png); width: 251px; <- ширина картинки в пикселях padding-top: 50px; <- отступ сверху до первой строки }[/CSS] нижнюю я писал вам 20-30 пикселей у вас все под 100 пикселей она высотой. Ну можно и такую оставить, но тогда [CSS]#menu ul{ list-style: none; padding:0 0 100px 100px; <- вместо 30 поставьте 100 напрмиер, подгоняйте как вам нужно. background-image: url(menu_bottom.png); background-position: bottom; background-repeat: no-repeat; }[/CSS] И обе картинки одной ширины должны быть. |
|
|
frauzelda
|
Сообщение
#9
|
|
Спасибо, что помогаете)
Теперь все хорошо, но бэграунд ul не ставится |
|
|
alexdrob |
4.3.2011, 1:35;
Ответить: alexdrob
Сообщение
#10
|
|
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Перенести меню | 1 | Викторио_mw | 1468 | 28.8.2018, 0:10 автор: TimurR |
|
Необходимо разрезать и установить Меню для группы ВКонтакте | 2 | boltuk | 3414 | 4.12.2017, 14:44 автор: tezoro |
|
Помогите с меню - переделать в выпадающее | 1 | lepota | 1130 | 4.12.2017, 13:29 автор: yury_mw |
|
Слайдер под меню | 0 | Olya_Poy | 4645 | 29.11.2017, 11:09 автор: -garmoni- |
|
На разных разрешениях меню выглядит по разному | 0 | SPiar | 4817 | 28.9.2017, 17:45 автор: -korotkov- |
Текстовая версия | Сейчас: 23.4.2024, 15:28 |