HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Меню на списках
Всем добрый вечер. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>—--</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul.menu { background: rgb(220,255,230); height: 70px; position: relative; list-style: none; text-align: right; } ul.menu > li { border-right: 1px solid rgb(250,130,30); display: inline-block; width: 8%; height: 100%; text-align: center; } </style> </head…
0 votes6 answers -
Меню на списках не проходит валидацию
всем доброго времени суток. сделал меню на списках, все получилось, выглядит отлично, но валидатор ругается на вложенность тегов <ul>, подскажите в чем проблема? вот такой код у меня <div id="leftMenu"> <ul class="folder"> <li><a href="/gallery/painting">Живопись</a><span class="arrowmenu"></span></li> <ul class="subfolder"> <li><a href="/gallery/painting/1976-1985">1976 - 1985</a><span class="arrowmenu"></span></li> <li><a href="/gallery/painting/1986-1994">1986 - 1994</a><span class="arrowmenu">…
0 votes10 answers -
меню на спрайтах
<body> <ul> <li><a href="#"> Услуги</a></li> <li><a href="#"> Продукция</a></li> </ul> </body> ul { display: inline-block; } ul li { display: inline-block; list-style-type:none; text-indent:37px; padding-right: 26px; } ul li a { display:block; height: 30px; color:#999999; text-decoration:underline; background-image: url(../img/bg.png); background-repeat:no-repeat; } ul li a:hover { background-position:bottom left; } bg.png http://cs4437.vkonta.../x_193d5613.jpg (235x60) использую шириной больше чем занимает блок, но он отображается только до конца ссылки без проблем получает…
0 votes9 answers -
меню навигции
так вот, есть код; как в содержимое блока сунуть ряд баннеров размером 40 на 40 и что бы под баннерами ровно п оцентру еще ссылку текстовую сунуть, с учетом того что бы все эти баннеры шли в строчку?????? Заранее благодарен!
0 votes13 answers -
Меню над хедером
Подскажите, пожалуйста, как можно поместить меню в хедер ? Заранее спасибо!
0 votes4 answers -
Меню наезжает на блоки
Подскажите пожалуйста, как сделать тут Моя ссылкатак, что бы меню и хедер не наезжали на блоки слева и с права?
0 votes6 answers -
Меню не выравнивается по ширине в FF
всем привет! Уважаемое сообщество не раз подсказывало мне о различных тонкостях вёрстки на конкретных примерах и вот настал день обратится к коллективному сознательному опять! Есть главная страница сайта http://www.gruzoperevozki-pereezd.ru/ - во всех браузерах кроме Fire Fox верхнее горизонтальное меню смотрится нормально, но в FF это меню не дотягивается до края шапки всего 1 px. Как быть?
0 votes2 answers -
Меню не отображается в опере
подскажите пожалуйста ! www.joomla.metko.ru именно в opere не отображается левое меню ! почему такое может быть ??? только в опере и всё !
0 votes1 answer -
Меню не расстягивается на 2 строки
В меню заголовок ,когда не помещается,нормально растягивается на 2 строчки,а самом меню вторая строка уже налезает на след пункт.хотела прикрепить принтсрин,не поняла как) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Кафедра медицинской биологии и генетики КГМУ</title> <link href="help.css" rel="stylesheet" type="text/css" /> </head> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало конте…
0 votes8 answers -
Меню не хочет менять цвет...
Народ, прошу помогите! Я пытаюсь сделать меню бирюзовым (или черным) цветом. Но оно не делается! Вот код: <body link="#0b5b49" vlink="#00CCCC"> <font color="#0b5b49"><span style="font-size: 11pt; color: rgb(0, 204, 204); font-family: Comic sans MS;"> <ul class="uz" tyle="font-size: 11pt; color: rgb(0, 204, 204); font-family: Comic sans MS;"> <center>Основное</center> <li class="m"><div><a class="m" href="$HOME_PAGE_LINK$">Главная страница</a></div></li> <li class="m"><a class="m" href="http://devichnik.moy.su/index/0-77"><strong>Книга знакомств</strong></a></li> &…
0 votes5 answers -
Меню отображается в разных браузерах по-разному
Меню в эксплоэре отображается нормально справа, а в мазиле внизу сайта. Почему так и как это исправить? http://rabota-po-seti.ucoz.ru/ <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <?$META_DESCRIPTION$?> <p><title>Работа по сети</title> <meta name="description" content="Заработок в интернете – самый простой заработок в мире!В наше время благодаря «всемирной паутине» перед каждым человеком открывается безграничный мир, который не должен ограничиваться общение в чате и игрой в онлайн игры. Почему бы не придумать своему времени более рациональное использование, к примеру, заработок в сети Инте…
0 votes6 answers -
меню перекрывает заголовки
Добрый день ! проблема вот в чем при обновлении сайта если кликнуть на меню он переходит на нужный блок но перекрывает заголовок если второй раз нажать то он опускается на своё место http://front-end.hol.es/landing/all/
0 votes2 answers -
меню по бокам
был такой сайт: фон и на нем посередине текст и прочее. теперь нужно слева и справа от текста добавить меню. как это сделать? /* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * {margin: 0; padding: 0;} body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top:…
0 votes12 answers -
Меню по центру
Уважаемые, столкнулся с еще одной проблемой в которой перепробовал уже массу вариантов, к сожалению ни один не помог. Очень надеюсь на Вашу подсказку. Хочу сделать меню, что бы оно автоматически располагалось посередине экрана, независимо от разрешения. Приведу код ниже, что бы было понятнее о чем речь. HTML: <div style="padding-bottom:80px; margin-bottom: 210px;"> <ol> <li id="index"><a href="index.htm"></a></li> <li id="connect"><a href="-mod=connect.htm"></a></li> <li id="donate"><a href="-mod=donate.htm"></a></li> <li id="top"><a href="#"></a>…
0 votes9 answers -
меню под углом но буквы вертикально
Добрый всем день. Вот такое меню есть идеи кроме сделать картинками или transform:rotate ?
0 votes3 answers -
Меню при наведении
Есть вот такое вот меню: картинка меню По нему 2 вопроса: 1) Как сделать так, чтобы при наведении синий фон был выше самого меню? На данный момент получается только так: http://jsfiddle.net/C82vy/ 2) Второй вопрос по градиенту: такой градиент можно сделаь средствами css? Если можно, то как, потому-что непонятно. Знаю только как задать линейный градиент от одного цвета к другому.
0 votes3 answers -
Меню разделенное логотипом
Дженьльмены и леди, подскажите как правильно верстать список навигации разделенный логотипом? Примеры: И
0 votes7 answers -
Меню с активной кнопкой страницы
Сделал менюшку, все бы хорошо но хочется чтобы на странице 1 светилась кнопка "1", а на странице 2 светилась кнопка "2" Как это реальизовать?)))
0 votes1 answer -
Меню с активными и не активными кнопками
Добрый день! Помогите пожалуйста решить такую проблему: Имеется меню в котором четыре кнопки, каждая кнопка имеет сваю картинку при наведении на кнопку мышкой картинка изменяется с не активной на активную. Мне надо чтобы пользователь зайдя на определенную страницу сайта (каждая кнопка соответствует своей странице) кнопка горела как активная а перейдя на другую становилась обратно не активной. Вот собственно моя верстка: CSS ————- #menu_2 { margin: 0; margin-left: 0px; padding: 0px 0px 0px 0px; float: left; list-style: none; background: url(../images/header/menu_2/menu_right.jpg) no-repeat right top; } #baner2_1 { position: relative; padding: 0; float: left; background: …
0 votes5 answers -
Меню с беграундом по одну сторону
Подскажите, можно чисто теоретически. Как делают такие меню? Т.е. чтобы фон слева продолжался по максимуму влево. Ну а справа чтобы фон "обрезался" по-последнему элементу.
0 votes10 answers -
Меню с выпадающими блоками
Есть 7 блоков. При нажатии на блок рядом с ним появляется еще один (на картинке синим цветом). На каждой строке должно быть максимум 4 блока. Проблема заключается в том, что при нажатии на 4 блок при открытом 3-м блоке, 7 блок переходит на третью строку. Необходимо каким-то образом перемещать блок на свободное место, то есть в конец первой строки. Аналогичная проблема при меньшем размере окна, когда блоков в строке 3, 2 и так далее.
0 votes0 answers -
Меню с выпригивающими элементами.
Здравствуйте! Имеется меню: http://jsfiddle.net/S2j7u/ Проблема в то, что когда быстро пощёлкаешь по элементам, они выскакивают чуть-ли не синхронно. Этим управляет очередь анимации, я правильно понимаю? И необходим stop(). Вот только не могу догнать, куда именно его поставить. Подскажите, пожалуйста!
0 votes1 answer -
Меню с выравненными li
Помогите сделать вот такое меню Суть такая, чтобы li автоматом подстраивались под ширину. Сперва я подумал, что мне подойдет вот такое решение: xiper, которое и на этом форуме обсуждалось много раз. Но загвоздка в том, что между li есть бордеры, а в том варианте li не стоят в притык, между ними есть отступы. Вот тут я и остановился. Сделал обычный float: left; width: N%; Вот думаю, может есть какие то решения. Или тут только js?
0 votes13 answers -
Меню с градиентом, тенью и скругленными краями
Как лучше всего сверстать вот такое резиновое меню? Желательно без использования картинок, т.е. все сделать через стили. Особо смущает неровная тень снизу.
0 votes4 answers -
Меню с закладками
Необходимо сделать меню (или дать готовый скрипт). Меню состоит из закладок, расположенных в один ряд горизонтально. При большом количестве закладок появляются стрелки справа и слева с помощью которых можно просматривать все закладки. Если закладок не очень много и они все вмещаются в строку, то срелки для прокрутки пропадают. Рассмотрю как реализацию меню, так и идею по его реализации.
0 votes6 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-