Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Нужно сделать выподающие меню

Автор: bossru 12.9.2008, 05:08

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

Автор: bossru 12.9.2008, 07:13

Пожалуйста помогите.....очень срочно нужно..... smile

Автор: chertoss 12.9.2008, 10:13

да в чем проблема то? в инете полно всяких скриптов выподающих менюшек, бери любой и пользуйся..
http://www.woweb.ru/js/12/073/

Автор: bossru 12.9.2008, 11:51

да я в css не разбираюсь, проблема в том что я их так сказать в одно целое не могу слить....то есть простое меню клторое щас у меня не могу слить с выподающем...мне нужно чтобы было без javascript. то есть чисто css...Как это можно сделать????

Автор: chertoss 12.9.2008, 12:00

думаю, что без javascript необойтись никак

Автор: bossru 12.9.2008, 12:09

Ну подскажите пожалуйста как сделать с JavaScript

Автор: webster 12.9.2008, 14:23

http://qrayg.com/learn/code/cssmenus/

Автор: bossru 12.9.2008, 20:23

а не могли бы вы написать исходный код под мое меню????

Автор: webster 13.9.2008, 20:44

Примерно так это должно выглядеть, но желания разбираться с многочисленными уголками по правде нет. smile

Автор: bossru 14.9.2008, 07:27

Большое спасибо!!!!с уголками попробую сам разобратся

Автор: bossru 14.9.2008, 10:26

webster, я только щас заметил что меню не работает в IE 6

Автор: webster 14.9.2008, 14:16

Вторая реинкарнация:
В отличие от первоисточника http://qrayg.com/learn/code/cssmenus/ оно было соптимизировано до "резинового состояния", можно его вложить в <div> со 100% шириной (для IE)

Автор: bossru 14.9.2008, 20:42

А углы мне как сделать???пробывал добавить

Код


.left {    

    background:url(images/menuleft_td_pic.gif) no-repeat left top ;    
}    
.right {    

    background:url(images/menuright_td_pic.gif) no-repeat right top;    
}

Код


<div class="left">
    <div class="right">
......
</div></div>

в разных браузерах по разному....как лучше и проще сделать???
P.s Спасибо проблема отображения в IE6 решена
Я если честно уже 3 день сижу за компом безвылазно.......и пытаюсь сотворить ЭТО!!!!Уже может и туплю жестоко smile

Автор: webster 14.9.2008, 21:22

Проще всего было бы вставить в первый и последний пункт верхнего уровня меню картинки и абсолютноспозиционировать их (скорее всего даже одну картинку - слева, т.к. справа картинка угла уже принадлежит последнему пункту верхнего уровня меню):

Код


img.last {
position: absolute;
width: 24px;
height: 24px;
display: block;
margin-left: -24px;
}

примерно так.

Автор: bossru 14.9.2008, 21:32

Спасибо большое за помощь, я во всем разобрался и все сделал!!!! smile