HTML Coding

29,542 questions in this forum

1. Горизонтальное выпадающее меню, помогите исправить

   Помогите в существующем горизонтальном меню сделать выпадающие вкладки. Уже два дня мучаюсь, не могу сообразить, как исправить. Вот ссылка на страничку: permyakov.org/ru - надо сделать именно в этом меню, новое я сам могу создать, но оно не будет таким красивым.

   Asked by Konstantin, June 22, 2013

   0 votes
   2 answers
2. горизонтальное выпадающее по клику меню на CSS

   Возможно ли такое сделать? как здесь http://megaweb.su/demo/click_menu/megaweb.su.html но без использования Javascript.

   Asked by qwertyasdfg, June 2, 2011

   0 votes
   8 answers
3. Горизонтальное выподающее меню

   Друзья я прошу вас рассказать мне каким образом создаётся горизонтальное меню с выпадающими подпунктами, но мне нужно лишь то что это делает и именно на CSS, желательно с примерчиком такого самого примитивного меню. Заранее спасибо!

   Asked by Ingvar15, November 14, 2012

   0 votes
   6 answers
4. горизонтальное выравнивание <div> внутри <div>

   Нагуглил много тем с похожими обсуждениями, но в моём случае никак не получается. Код, который генерит php примерно такой: <td colspan="5" width="707" align="center"> <div id="container"> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> </div> CSS: #container { width: 705px; text-align: center; border: 1px solid black; overflow: auto; margin: 0px; } #leftcol { width: 200px; height: 200px; float: left; color: white; background: #8d7588; …

   Asked by terrrible, July 12, 2011

   0 votes
   20 answers
5. Горизонтальное выравнивание div`ов относительно друг друга

   Верстаю вид материалов, сначала все шло гладко, но после добавления БГ под постер все пересра*ось Нужно, что бы стояло ровно, прошу помощи... Краткая новость <div class="news-block"> <div class="title_bg"><div class="news_title">[full-link]{title}[/full-link]</div> [not-group=5] <div class="edit_icon"> [edit]<img src="{THEME}/dleimages/editstore.png" title="Редактировать" alt="Редактировать" />[/edit] </div> [/not-group] </div> <div class="news_bg"> [xfgiven_poster]<div class="poster_bg"><div class="poster"><img width="210px" src="[xfvalue_poster]" /></…

   Asked by fr1run, July 21, 2011

   0 votes
   1 answer
6. Горизонтальное выравнивание блока между двумя абсолютно позиционируемыми блоками

   Есть такой расклад. По краям идёт два блока абсолютно позиционируемые. Можно ли средний блок отцентрировать относительно этих блоков без использования атрибута float для этих крайних блоков? То есть, если крайние блоки зафлочены, то мы можем выровнять средний блок с помощью overflow:hidden, а если они абсолютно позиционируемые? Пример кода CSS: #header {position:relative; height:200px;} #telo {width:100%; height:150px; background:#00FF33; position:absolute;} #blok1 {width:100px; height:80px; border: 1px solid #000000; position:absolute; top:20px; left:30px;} #blok2 {width:250px; height:15px; border: 1px solid #000000; position:absolute; top:20px; right:30px;} #blo…

   Asked by Belovsan, August 3, 2010

   0 votes
   4 answers
7. горизонтальное выравнивание блока фиксированной ширины

   помогите пожалуйста горизонтально выравнять вложенные пункты меню относительно родительских jsfiddle здесь каждый пункт меню верхнего уровня имеет белую полосу, которая появляется при наведении на пункт. видно, что блок с вложенными пунктами смещён по горизонтали относительно этой полосы. в этом проблема для облегчения задачи я задал жёстко ширину блока с вложенными пунктами. но если подскажете решение для блока неизвестной ширины, будет ещё лучше хотелось бы получить решение очень кроссбраузерное. даже за счёт красоты кода

   Asked by cyklop77, March 14, 2015

   0 votes
   5 answers
8. Горизонтальное выравнивание блочных элементов

   Здравствуйте. Вот уже несколько лет верстаю разной степени сложности страницы и изучаю различные приемы и методы. Но до сих пор не нашел для себя действительно удобного, идеального метода выравнивания блочных элементов по горизонтали. О чем, собственно, речь. Есть какой-то макет с кучей элементов. И некоторые элементы надо расположить на одной линии по горизонтали, вписав в какой-нибудь фиксированный контейнер. Итак, какие есть способы сверстать такой "макет"? 1. Старые добрые таблицы. Думаю, не нужно объяснять, что "таблицы для табличных данных", и вообще, поддерживать более-менее сложный макет, сверстанный таблицами — очень муторно. 2. Способ классический. Использоват…

   Asked by FRUTALITY, October 29, 2013

   • float
   • display
   • inline-block
   • grid
   0 votes
   14 answers
9. горизонтальное выравнивание в bootstrap3

   подскажите пожалуйста как в bootstrap3 сделать горизонтальное выравнивание картинки <div class="doc_outer"><img class="img-responsive" src="images/doc.png" alt="" /></div>помню, что был специальный класс, но не могу найти

   Asked by cyklop77, December 19, 2014

   • bootstrap
   0 votes
   1 answer
10. Горизонтальное кроссбраузерное выравнивание вложенных слоев

    Добрый день. Подскажите,плз,мне надо прижать вложенный слой к правой границе контейнера (др слоя).Нормально работает у меня это толкьо в ИЕ. Opera,Mozilla и Safari на выравнивание не реагируют. <div style="width:100%;text-align:right;border:1px solid green;position: relative;" align="right"> <div style="width:200px; border:1px solid red;position: relative;">Контент</div> </div>

    Asked by Микель, February 2, 2008

    0 votes
    4 answers
11. Горизонтальное меню

    Ребят может кто-нибудь подсказать как сделать меню как на этом сайте? http://cisco.com/

    Asked by Kensai, February 12, 2008

    0 votes
    3 answers
12. Горизонтальное меню

    Подскажите пожалуйста как сделать такое вот меню. Я делаю следущее <div align="left" style=" width: 900px; height: 40px;border: 2px solid; border-color:ffffff;"> Тут задаю размеры блока на котором оно будет. <a href=" "class="rollover1" > </a> <a href=" " class="rollover2" ></a> <a href=" "class="rollover3"></a> <a href=" "class="rollover4"></a> <a href=" "class="rollover5"></a> Тут идет перечисление граф в меню,Хотелось бы сделать меню как то по проще,дело в том что при этом коде каждый следущий рисунок меню становится вертикально и получается столбик.Который потом очень неудобно по…

    Asked by Whatsup, June 7, 2008

    0 votes
    0 answers
13. Горизонтальное меню

    У меня горизонтальное меню состоит из 4-ых ссылок. Роль ссылки играет картинка с надписью, помещенная в плавающий контейнер. (каждая ссылка помещена в такой контейнер). Проблема заключается в том, что при уменьшении окна браузера, самая левая ссылка ползет налево на обычную картинку. Хочу создать распорку, чтобы поместить туда все ссылки, но че до конца не догоняю, не получается.((( Подскажите, товарищи. Вот код CSS ссылок: div.imagecaption2 { float: right; width: 182px; margin: 0 0em 0em 1em; padding: 6px 6px 4px 6px; display: inline; text-align: center; border-color: #CCC #999 #999 #CCC; border-width: …

    Asked by Timurco, July 22, 2008

    0 votes
    0 answers
14. Горизонтальное меню

    Сделал горизонтальное меню с помощью списка li, но не пойму как его растянуть под 100% родительского блока и между каждым меню сделать границы в виде рисунка: #menu_header1 { height: 32px; display: block; background: url(images/bg2.jpg) top left repeat-x; } #menu_header2 { width: 991px; text-align: center; cursor: pointer; } #menu_header2 li { float: left; padding: 0 0; } #menu_header2 li a { float: left; padding: 8px 50px; text-decoration: none; color: #695737; font-family: Tahoma; font-size: 0.8em; font-weight: lighter; } #menu_header2 li a:hover { background: url(images/bg3.jpg) top center repeat-x; color: #695737; /*font-weight: bold;…

    Asked by okunev2, September 22, 2008

    0 votes
    16 answers
15. Горизонтальное меню

    Как сделать горизонтально меню чтобы оно было вверху, во всю ширину, при помощи ul и li, и чтобы при сжатии сами кнопки оставались на месте?

    Asked by MefistofeleS, December 2, 2010

    0 votes
    1 answer
16. горизонтальное меню

    подскажите, а как сделать вот такое меню, но только чтоб движение было не вверх, а вниз. Моя ссылка вот ссылка Моя ссылка

    Asked by montana, August 21, 2011

    0 votes
    0 answers
17. Горизонтальное меню

    Доброго времени суток, уважаемые форумчане. Возможно ли на CSS реализация горизонтального меню, чтобы активный пункт меню оставался подсвеченным, когда переходишь на данную страницу и на ней остаешься? На jQuery много реализаций, но не хотел использовать. Заранее благодарен.

    Asked by chapai, September 4, 2011

    0 votes
    3 answers
18. Горизонтальное меню

    Всем привет, делаю горизонтальное меню с вкладками, которые немного "наезжают" на соседние. Пример как выглядит: Здесь считается активной ссылка "Контакты", а мышку навели на "О нас". (Так в FF, и ie выше 7ого) Но в ie7 справа угол не вылезает поверх активной ссылки: Не знаю, как решить проблему, может что посоветуете? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Test Menu</title> <style> ul{ list-style: none; } li{ width: 109px; height: 22px; …

    Asked by Nadyu, November 1, 2011

    0 votes
    2 answers
19. Горизонтальное меню

    <ul id="upmenu"> <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> <li><a href="#">Контакты</a></li> </ul> #upmenu {background: url(images/bg-upmenu.jpg) repeat-x; } #upmenu li {display:inline-block; } #upmenu li a {display:block; position:relative; left:20px; text-decoration:none; color:white; line-height:5…

    Asked by fireman691, November 26, 2011

    0 votes
    2 answers
20. Горизонтальное меню

    Пример. Как сделать в первом, а потом и в последующих подпунктах меню, текст в 2 строки. То есть, <span>Back to home</span> переместить на новую строку первого подпункта, прям под слово "Home", и граница левая должна вниз продолжиться. Скрин - здесь, так как должно быть. Спасибо

    Asked by gerdin, January 1, 2012

    0 votes
    4 answers
21. Горизонтальное меню

    Как реализовать простейшее горизонтальное меню, чтобы было кроссбраузерно? (ie 7-8) Можно ли сделать таблицей? или это не правильно?

    Asked by uteelers5, March 19, 2012

    0 votes
    3 answers
22. Горизонтальное меню

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

    Asked by Rubik, May 1, 2012

    0 votes
    6 answers
23. Горизонтальное меню

    Добрый день! Подскажите как с помощью маркированного списка сделать такое горизонтальное меню и работало в IE 6? При наведении ссылка выделяется вот таким фоном Само горизонтальное меню имеет фон - градиент: Выделяется ссылка также градиентом: У каждой ссылки в меню справа добавляется иконка (для примера ссылка - наши объекты): Код HTML <div class="navbar"> <ul> <li><a href="#">О продукции</a></li> <li><a href="#">Наши объекты</a></li> <li><a href="#" class="icon-calculator">Оконный калькулятор</a></li> <li><a href="#">Задать вопрос</a></li&…

    Asked by Macdonald, May 23, 2012

    0 votes
    13 answers
24. Горизонтальное меню

    Доброе время суток. Помогите плз со следующей проблемой: Я создаю горизонтальное меню через список. Высоту меню указываю в ul используя height:40px; И уменя получается ровное меню высотой в 40 пикселей. И все вродибы нечего если бы не одно но, мне нужно что бы один из пунктов меню был скажем 20px высотой, а все остальные остальсь 40px. Как это можно реализовать?

    Asked by Bizon4ik, November 7, 2012

    0 votes
    5 answers
25. Горизонтальное меню

    Добрый день. Подскажите, пож-та, как меню сделать горизонтальным: http://jsfiddle.net/Thierryh/96P6K/11/ Все перепробовал,прошу вашей помощи.

    Asked by ThierryH, November 27, 2013

    0 votes
    3 answers