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
-
вылезает background по y
Вылезает за пределы картинка(leftside.gif) при установке height в % (классам center-content, liquid-round) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>title</title> <style type="text/css"> html,body { height:100%; width:100%; } #liquid-round { width:20%; margin:0px auto; background:#fff url(leftside.gif) repeat-y left top; background-position: 2px; } .top {…
0 votes4 answers -
Вылезающий текст с одного фона на другой
Допустим, у меня есть div, в котором написан текст, у него в background картинка 1px, и она repeat-y. А ниже есть другой div, например, в 100px высотой, у него background - фиксированная картинка. Можно ли сделать так, чтобы при написании текстов в верхнем div, его фон динамически увеличивался, и часть текста высотой в 100px вылезала на фон нижнего div? Либо, можно ли установить у div'а два разных background'а? Фиксированный, прижатый к нижнему краю, а второй - динамический?
0 votes10 answers -
Вылетает блок в Mozilla
Добрый день, друзья! Помогите решить. Есть "лишка(<li></li>)", в которой находится таблица. Почему-то в файерфоксе эта таблица вылетает вправо, вот скрин http://prntscr.com/5wsn6r . В других браузерах все норм http://prntscr.com/5wsq83 . Вот сама страница с багом - http://root.donkos.esy.es/kabinet-1.html . Заранее благодарю за помощь.
0 votes5 answers -
вылетает с safari на мобильных устройствах
Уже не знаю что делать, есть сайт у заказчика на хосте http://weddinghappy.ru/ и у меня http://alexlebedev.pw/works/bhapp/ (посмотрите, в обоих ли случаях происходит данный баг) при вводе в любой инпут браузер закрывается, в чем может быть проблема?
0 votes2 answers -
Выложил сайт на хостинг - сменилась кодировка
Сделал страничку, в notepad++ преобразовал в utf-8 без BOM. На странице тоже указал utf-8 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> .... Когда разместил сайт на хостинге все стало кразозябрами, а кодировка сменилась на windows-1251. Почему такое случилось? Виноват хостинг или я что не так сделал?
0 votes7 answers -
Вымещение контейнера во внутрь слайдера.
День добрый. Дайте совет, как можно вложить div, с текстом, в слайдер в котором прописаны стили для background, которые сжимают его, по мере разрешения экрана. Текст вылазит из-за position: absolute и bottom:40px http://hotels.fatrabbit.ru/
0 votes3 answers -
Вынос скрипта JS в отдельный файл
Вопрос следующий: При создании файла скрипта JS и добавление ссылки на него в html-файл: <script src="js/scaling.js"></script> будет ли он выполняться сразу при загрузке страницы или ссылка только позволит вызывать функции из этого скрипта, а чтобы этот скрипт выполнялся при загрузке, необходимо вызывать функцию из него в событии ".onload"? Знаю, вопрос глупый, но немного запутался. Прошу объяснить.
0 votes4 answers -
вынос стрелочек слайдера
подскажите пожалуйста как решить проблему на страничке в блоке .design при большой ширине экрана стрелки слайдера вынесены за пределы слайдера. при этом появляется нижний скролл. если его двинуть вправо, то совсем жуткие вещи происходят. можно ли избавиться от этого скролла? или как вообще поступают в подобных ситуациях? ТЗ такое, что на большой ширине экрана эти стрелочки должны быть вне слайдера
0 votes6 answers -
выносить ли в хелпер?
скажите пожалуйста стоит ли выносить подобные простые функции в хелпер или это параноя? changeColorFields: function(selector, borderColor) { $(selector).css({ border: '1px solid ' + borderColor }); } у меня в программе эта функция используется раз 10
0 votes2 answers -
выотса в зависимости от количества строк
Как можно кроме как таблицы сделать одинаковое расстояние до картинки, чтобы картинки были на одном уровне? мне пока только таблица пришла на ум, и возможно с помощью js смотреть высоту. В конце <li> имеется картинка. Есть какие то способы как можно растянуть этот треугольник? я подумал пока о том, чтобы внутрь <li> запихнуть <div> например, прибить его в правый угол, в <div> картинку, и растягивать этот <div> на высоту <li>. картинку ограничить в длине, а по высоте пусть тянется. сомнительно правда как то.
0 votes8 answers -
Выпадает Лишний Padding
помогите, всю голову поломала уже делаю горизонтальное меню, вместо пунктов картинки <div class="navContainer1"> <ul> <li><a href="#"><img src="../../../_images/nav-btn01.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn02.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn03.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn04.gif"/></a></li> </ul> </div> вот css .navContainer1{ background:url('../../../_images/…
0 votes9 answers -
Выпадание margin'а. Почему так происходит?
В примере выше мне не совсем понятно, почему при указании margin-top блоку №2, блок №1 также опускается в низ. Как я понимал ситуацию: блоки 1 и 2 смежные, между ними нет связи родитель > дочерний, следовательно марджин не должен был выпадать. Body {padding-top 1px} исправляет ситуацию, но меня интересует именно причина возникновения проблемы с блоком №1 Просьба объяснить на "пальцах"
0 votes4 answers -
выпадашка в bootstrap
помогите пожалуйста решить проблему в примерах бутстрапа на этой страничке вы верхнем меню есть выпадающий пункт 'Dropdown' я взял эту страничку и вставил в верхнее меню html выпадающего пункта. в результате в меню появился пункт "Голосования", но после клика не происходит выпадание пунктов. вот пример моей странички на моей страничке после клика по пункту "Голосования" firebug показывает мигание класса dropdown, а должно происходить преобразованиие класса в dropdown open
0 votes3 answers -
Выпадающая строка поиска на бутстрапе 3
Добрый день. Скажите можно ли и как можно сделать на бутстрапе 3 поле поиска, которое видно на больших экранах, а на маленьких представляет собой иконку с лупой, кликая по которой снизу раскрывается строка на всю ширину для ввода искомого текста? Функционал иллюстрируется главной страницей М-Видео - сначала поиск раскрыт на широком экране, а на узком представляет собой иконку, клик по которой раскрывает поле поиска
0 votes5 answers -
Выпадающего меню с display:table-cell и position: absolute;
Здравствуйте! Проблемы нет, но это мне и кажется подозрительным Сверстано меню с применением display:table; и display:table-cell; http://jsfiddle.net/SvetaGr/jf2rvkon/ Затем решили добавить выпадающее меню. По идее, должна была возникнуть проблема с позиционированием элемента с position:absolute; внутри ячейки - так было раньше. Для решения нужно было обернуть в дополнительный <div> позиционируемое содержимое. А сейчас, протестировав в актуальных версиях, такой проблемы не возникло. Странно.Почему так? Не хотелось бы, чтобы эта проблема где-то вылезла неожиданно.
0 votes3 answers -
Выпадающее вертикальное меню.
Добрый день, требуется помощь с меню в ява коде слабоват... Есть вертикальное меню http://7-8.at.tut.by/menu/menu.html - само меню http://7-8.at.tut.by/menu/scripts/script.js - ява код http://7-8.at.tut.by/menu/css/style.css - css файл В общем необходимо сделать, чтобы при наведении курсора на меню открывалось подменю (сейчас так уже есть), а если убрать курсор то автоматом закрывалось (вот этого нету)... Подскажите как это можно сделать?!
0 votes0 answers -
Выпадающее вниз вертикальное меню на DLE
Проблема заключается в следующем: есть шаблон DLE c вертикальными менюшками которые выпадают вниз на уровни. Реализовано все таким макаром: <ul id="nav"> <li><a href="/">ГЛАВНАЯ</a></li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 1 </a></li> <li id=""><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 2 </a></li> </ul> </li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛ…
0 votes3 answers -
Выпадающее горизонтальное меню
Здравствуйте! Нужна помощь знатоков ибо таким я к сожалению не являюсь! Проблема заключается в том, что у меня есть горизонтальное меню построенное на списках. Чтобы центрировать его я использовал вот эту схему: #buttons{ float:left; position:relative; left:50%; text-align:left; } #buttons ul{ list-style:none; position:relative; left:-50%; } #buttons li{float:left;position:relative;}/* ie needs position:relative here*/ #buttons a{ text-decoration:none; margin:10px; background:red; float:left; border:2px outset blue; color:#fff; padding:2px 5px; text-align:center; white-space:nowrap; } #buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;} #content{overflo…
0 votes9 answers -
Выпадающее индексированное поисковыми роботами
Подскажите, на чём нужно делать и как сделать выпадающее меню, чтоб оно индексировалось поисковыми роботами? Если кто делал,напишите пример реализации. Заранее благодарю.
0 votes6 answers -
выпадающее меню
Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…
0 votes3 answers -
Выпадающее меню
Огромная просьба! Помогите с выпадающим меню. Прочитала сотни примеров, но что-то у меня не получается, рассыпается вся моя конструкция. У меня имеется серое поле #grau_navi, на нем расположен блок #box_navi со списками непосредственно самих ссылок. При нажатии на ссылку GALERIE должно появится вертикальное подменю. Вот код: #mitte{ background-color: #FFFFFF; /*position: absolute;*/ width: 100%; left: 0px; float: left; border-color: #344d61; border-style: ridge; border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } #grau_navi{ background-color: #bcc4cb; float: left; height: 600px; width: 13.5em; margin: 0; margi…
0 votes3 answers -
Выпадающее меню
Есть 3 блока Меню1 Меню2 Меню3 Пример можно увидеть на главной странице http://www.google.com.ua/ ВВерху есть ссылочка *ещ?*, вот мне нужно такое же меню, неподскажите как это сделать ? Спасибо.
0 votes2 answers -
Выпадающее меню
http://news.yandex.ru/ при нажатии на ссылку ещё (над поисковой формой) вываливается список. Помогите реализовать такой же. Пробовал взять с этой же странички - в коде не смог разобратся, уж больно все сложно
0 votes1 answer -
Выпадающее меню
Добрый день! Подскажите пожалуйста как сделать, что бы второе "Page 3" выпадало справа от первого? наперед спс кто поможет) <style type="text/css"> .menu { width:500px;} .menu ul { list-style:none; margin:0px; padding:0px;} .menu ul li { float:left; margin:0 0 0 2px; text-align:center;} .menu ul li a { display:block; width:100px; background:#3366FF;} .menu ul li a:hover { background:#FF0000;} .menu ul li ul { display:none; width:215px;} .menu ul li ul li { float:none; margin:5px 0 0 0;} .menu ul li:hover ul { display:block; position:absolute;} .menu ul li ul li .ul { display:none; float:left;} .menu ul li ul li .ul2 { display:none; float:none; position:…
0 votes1 answer -
Выпадающее меню
сверстал я выпадающюю менюшку на UL LI во всем выглядит нормально, а в эксплорер и вид левый и выпадающяя часть при наведении мышки исчезает ...... в чем ошибка подскажите пожалуйста #top_menu li {_behavior: url(ie6hover.htc)} #top_menu { position:absolute; top:4px; left:36px; margin:0; padding:0; list-style:none; text-decoration:none; } #top_menu ul { position:absolute; top:27px; left:0; margin:0; padding:0; list-style:none; text-align:left; width:auto; z-index:1000;} #top_menu ul {background-image:url(../../siteimg/mk.gif); background-position:bottom; background-repeat:repeat-x;} #top_menu li { position:relative; float:left; display:block; height:27px; margin:0; pa…
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-