Поиск по сайту

Результаты поиска по тегам 'меню'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Коммерческие услуги

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 80 результатов

  1. В опере иногда сьезжает #wrapper{ margin:50px auto 0px auto; width:960px; height:auto; } aside{ width:309px; padding:10px; float:left; height:auto; border-collapse: collapse; } article{ width:609px; padding:10px; float:left; height:auto; border-left:1px solid #B9E3F3; border-collapse: collapse; } .clear{clear:both;} footer{ border-top:1px solid #B9E3F3; width:940px; padding:10px; height:auto; } nav{ position:fixed; top:0; left:0; padding:0px; margin:0px; width:100%; height:50px; background:black; } <!DOCTYPE HTML> <head> <meta http-equiv="content-type" content="text/html" /> <title>Sign in Mysite</title> </head> <body> <nav> </nav> <div id="wrapper"> <aside> Блок </aside> <article> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non nisl non justo feugiat viverra. Donec eu quam sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam cursus, velit vel auctor porta, nunc metus venenatis velit, vel vestibulum libero sapien in mi. Aliquam erat volutpat. Sed nibh lacus, bibendum vitae aliquam sit amet, lacinia non justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus vel enim nec velit pellentesque porttitor. Mauris quis tincidunt dui. Cras lacinia dapibus dolor ac aliquet. Aliquam malesuada orci vel lacus malesuada in consectetur dui malesuada. Integer suscipit libero a erat fringilla fermentum. Sed ligula leo, sollicitudin tristique molestie ut, fermentum et nunc. Praesent tristique mauris eget sem ullamcorper a posuere urna eleifend. Maecenas tincidunt bibendum leo et aliquet. Sed et leo odio. Proin eget justo libero, eu viverra mi. Ut dapibus, lorem sed molestie placerat, nibh est pretium ligula, ornare vestibulum felis lectus ut metus. Mauris tellus risus, laoreet placerat consequat et, porta in mi. Aliquam rhoncus, eros sit amet tincidunt venenatis, elit ipsum feugiat leo, eu ornare ante arcu quis orci. Duis turpis nibh, egestas a elementum sit amet, elementum ac tortor. Mauris et elit mauris. Fusce pretium congue nunc vitae interdum. Vivamus ut sem at nibh feugiat vehicula. Nullam et facilisis eros. Sed aliquam, dui sit amet porttitor tempus, tellus augue pharetra orci, sed tincidunt erat erat nec ante. Pellentesque venenatis lacinia varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras eget elit diam. Sed sed felis quam. Sed condimentum commodo dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean mattis metus porta orci consequat aliquet. Maecenas vulputate dictum tempor. Sed rhoncus velit non odio vestibulum lacinia. Integer felis diam, venenatis et feugiat sed, pellentesque at diam. Suspendisse et varius velit. Proin ligula augue, ultrices vitae auctor eget, fringilla non nulla. Sed eu velit nec ligula cursus pellentesque ut eu ante. Nullam ullamcorper urna sed nunc auctor aliquam. Sed suscipit mi quis enim ornare sed congue odio mattis. Integer volutpat justo faucibus eros scelerisque rhoncus. Donec elementum, urna ut sodales sodales, dui sapien tempus erat, et dignissim tortor arcu vel augue. Aenean pretium volutpat tellus ultricies vestibulum. Etiam pretium tellus id arcu dictum convallis. Nulla a orci turpis, tristique fermentum sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non nisl non justo feugiat viverra. Donec eu quam sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam cursus, velit vel auctor porta, nunc metus venenatis velit, vel vestibulum libero sapien in mi. Aliquam erat volutpat. Sed nibh lacus, bibendum vitae aliquam sit amet, lacinia non justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus vel enim nec velit pellentesque porttitor. Mauris quis tincidunt dui. Cras lacinia dapibus dolor ac aliquet. Aliquam malesuada orci vel lacus malesuada in consectetur dui malesuada. Integer suscipit libero a erat fringilla fermentum. Sed ligula leo, sollicitudin tristique molestie ut, fermentum et nunc. Praesent tristique mauris eget sem ullamcorper a posuere urna eleifend. Maecenas tincidunt bibendum leo et aliquet. Sed et leo odio. Proin eget justo libero, eu viverra mi. Ut dapibus, lorem sed molestie placerat, nibh est pretium ligula, ornare vestibulum felis lectus ut metus. Mauris tellus risus, laoreet placerat consequat et, porta in mi. Aliquam rhoncus, eros sit amet tincidunt venenatis, elit ipsum feugiat leo, eu ornare ante arcu quis orci. Duis turpis nibh, egestas a elementum sit amet, elementum ac tortor. Mauris et elit mauris. Fusce pretium congue nunc vitae interdum. Vivamus ut sem at nibh feugiat vehicula. Nullam et facilisis eros. Sed aliquam, dui sit amet porttitor tempus, tellus augue pharetra orci, sed tincidunt erat erat nec ante. Pellentesque venenatis lacinia varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras eget elit diam. Sed sed felis quam. Sed condimentum commodo dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean mattis metus porta orci consequat aliquet. Maecenas vulputate dictum tempor. Sed rhoncus velit non odio vestibulum lacinia. Integer felis diam, venenatis et feugiat sed, pellentesque at diam. Suspendisse et varius velit. Proin ligula augue, ultrices vitae auctor eget, fringilla non nulla. Sed eu velit nec ligula cursus pellentesque ut eu ante. Nullam ullamcorper urna sed nunc auctor aliquam. Sed suscipit mi quis enim ornare sed congue odio mattis. Integer volutpat justo faucibus eros scelerisque rhoncus. Donec elementum, urna ut sodales sodales, dui sapien tempus erat, et dignissim tortor arcu vel augue. Aenean pretium volutpat tellus ultricies vestibulum. Etiam pretium tellus id arcu dictum convallis. Nulla a orci turpis, tristique fermentum sapien. </article> <div class="clear"></div> <footer> Футер </footer> </div> </body> </html>
  2. Доброго времени суток! Раньше делал статичные сайты и не заморачивался, а вот тут вдруг решил освоить верстку на wp, и вдруг возникла проблема. Как можно сделать выделение пункта меню. Например как на apple.com. Когда переходишь например; на страницу "contact" и пункт меню conact как либо выделяется. В статичном сайте я бы просто на каждую страницу присвоил другой класс из пункта этой страницы, а тут как?
  3. Добрый день! Помогите, пожалуйста, с кодом. Меню. Иконки (в примере она одна) будут расположены вертикально (всего их будет шесть штук). В "спокойной режиме", видно только иконки (с изображением). При наведении "выезжает" плашка с текстом. И пользователь может нажать как на иконку, так и на плашку. Как только указатель мышки "ушел", плашка снова пропадает. Помогите, пожалуйста!
  4. Доброго времени суток! Никак не могу скрыть блок выпадающего меню... Помогите плиз!!! Вот код CSS, тут просто какая-то мелочь, но я этого не могу увидеть: /*—————-menu tab———————-*/ .menu { font-size:14px; padding:0; float:left; width:890px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; height:35px; } /* style the sub-level lists */ .menu ul ul { width:auto; } /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu ul li { float:left; height:35px; line-height:35px; list-style-type:none; } /* style the sub level list items */ .menu ul ul li { display:block; width:auto; height:auto; position:relative; line-height:1em; } /* style the links for the top level */ .menu a, .menu a:visited { display:block; float:left; height:15px; font-size:14px; text-decoration:none; color:#5a5a5a; padding:0 3px 0 3px; margin:0 30px 0 0; } .menu a.current { background-color:#FFFFFF; } /* style the sub level links */ .menu ul ul a, .menu ul ul a:visited { display:block; font-size:13px; text-align:left; color:#545554; width:200px; height:15px; line-height:1em; padding:5px 0 5px 5px; border-bottom:1px #ebebeb solid; background-color:#fff; } .menu ul table ul a, .menu ul table ul a:visited { width:14em; w\idth:12em; } /* style the table so that it takes no part in the layout - required for IE to work */ .menu table { position:absolute; left:0; top:0; font-size:1em; z-index:-1; } .menu ul ul table { lef\t:-1px; } .menu ul ul table ul.left { margin-lef\t:2px; } .menu li:hover { position:relative; } * html .menu a:hover { position:relative; } /* style the sub level 1 background */ .menu ul :hover a.sub1 { background:#fff; } /* style the sub level 2 background */ .menu ul ul :hover a.sub2 { background:#fff; } /* style the level hovers */ /* first */ .menu a:hover { color:#de462a; } .menu :hover > a { color:#de462a; } /* second */ .menu ul ul a:hover { background-color:#de462a; color:#FFFFFF; } .menu ul ul :hover > a { background-color:#de462a; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul { visibility:hidden; position:absolute; height:0; top:35px; left:0; width:14em; border:none; z-index:9999; background-color:#FFFFFF; } /* position the third level flyout menu */ .menu ul ul ul { left:15em; top:0; width:14em; } /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left { left:-14em; } /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; height:auto; padding-bottom:3em; background:transparent; }
  5. Меню с углами

    Как кроссбраузерно сверстать такое вот меню? Тут больше интересуют углы. Если кроссбраузерно, то картинкой, правильно? А как именно - понять не могу.