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
-
Не работает скрипт в Chrome
Здравствуйте! Проблема в следующем скрипте: var lastScrollTop = 0; $('html, body').scroll(function(event){ var st = $(this).scrollTop(); if (st > lastScrollTop){ //вниз console.log(st); //toTop } else { // вверх console.log(st); } lastScrollTop = st; });Эти строки отслеживают прокручивание страницы, раньше я им пользовался и без проблем работал. Сейчас же решил прикрутить его на http://vocis.ru и тут я себе "сломал нос о стену", изначально он работал с селектором window. var lastScrollTop = 0; $(window).scroll(function(event){ var st = $(this).scrollTop(); if (st > l…
0 votes8 answers -
Валидация ссылок с амперсандами и знаками равенства
Доброе время суток! Вопрос в следующем: есть сайт, у которого есть подобная ссылка. <!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> <title>111</title> </head> <body> <table id="myTable"> <tr><th width="170" align="left" style="border: 0px; font-weight: normal;"> <a href="http://my_link/index.php?do=cat&category=link">111</a><br /></th></tr> </table> </body> </html> При проверке на валидацию с помощью http://validator.w3.org/ выдаются сл…
0 votes9 answers -
Проблема с FLOAT в Опере 9.5
Стандартно выстроил блоки в ряд с помощью свойства FLOAT:LEFT, но в Опере отображается с отступом (см. скрин). Макет резиновый, ширина блоков задана в процентах. Почти во всех браузерах нормально отображается, ну, немножко край выпирает (обведено красным), но не существенно. А вот, именно в Опере очень существенно! Подскажите, пожалуйста, есть ли какой-нибудь хак или способ исправить это глюк в опере? Заранее благодарен. скрин
0 votes10 answers -
em вместо px в font-size
Здравствуйте. Не получается у меня найти толкового объяснения сего действа. Использовал задание в px, частенько встречал в em задание. Объясните пож-та, в чем соль сего действа? Это задание относительно какого параметра? Текущего?
0 votes16 answers -
slider overflow hidden position absolute
Собственно, я думаю, многие встречались с такой проблемой, как вытаскивание блока с position: absolute; за блок с overflow:hidden; В моем случае, это внутри слайдер http://jsfiddle.net/npofopr/F22FQ/ Собственно при ховере на блок, должен всплывать доп. контент, из-за overflow: hidden; все режется. Как обойти? Нагуглить не получилось, вернее ничего не подошло (такое пробовал http://dabblet.com/gist/7729560 тоже), а как решить с помощью js, пока не нашел. В общем, может у кого есть в закладках, пути решения? Буду рад всему
0 votes8 answers -
какой способ целесообразней использовать. div или таблицы.
Гуру верстки, подскажите, каким способом лучше реализовать блок контента с закругленными углами. - Пример макета. Лично я всегда использую таблицы. Я разбиваю изображение на 3 части. Далее создаю таблицу из 3 строк и 1 столбца. В верхнюю строку сую фоном top (высоту и ширину фиксирую). В среднею фоном center (сюда в дальнейшем помещаю контент ). И в последнею самую нижнею bottom (высоту и ширину фиксирую). Подскажите яв-ся ли мой способ правильным ? Хотелось бы услышать как это реализовать с помощью дивов. Простите если пложу темы в поиск не отправляйте, так как прочитал уже много информации на данную проблему. Мне охото услышать мнение знающих людей.
0 votes28 answers -
тег Label
http://www.htmlbook.ru/html/label.html Можно ли, не прибегая к стилям, расположить лейбл над инпутом, а не слева?
0 votes13 answers -
Цена по правому краю
Как ни крутил, никак не придумаю, как сделать. Есть список услуг, нужно прицепить цены к правому краю, и промежуток заполнить чем-либо. если прибить цену к правому краю, то размер блока (или спан) с ценой ограничивается собственно текстом, внутри него содержащимся. Как добиться такого эффекта: Возможно ли вообще?
0 votes21 answers -
Не работает bxslider
Привет, почему не работает слайдер? http://allnet.16mb.com/slider/ Делал всё по инструкции http://bxslider.com/ https://yadi.sk/d/zhaFpwt1go7E9
0 votes5 answers -
Модальное окно блокирует прокрутку
При вызове модального окна, прокрутка на странице блокируется и элементы немного смещаются в сторону (наверное из-за того, что прокрутка исчезает). Мне надо, чтобы скроллинг на основной странице работал, но в стилях не могу разобраться уже час как. Может у кого-то была такая проблема? Пример простой страницы с модальным окном. До После На песочнице не получается подключить файлы бутстрапа, поэтому выложу архив с страницей приведенной на скриншоте. https://yadi.sk/d/CPBzvMDjnyRgd
0 votes1 answer -
Проблема див внутри дива Опера и Мозила
Не пойму, что не так www.naryad.ru/contact.php Нажмите отправить, в поле результата в углу крестик, див внутри дива. В опере и Моз. работает отлично. Теперь посмотрите на этой же странице внизу, копирайт. Тот же самый прием, один в один. Но почему то в опере работает, а в мозиле крестик вылетает в угол главного самого большого дива. Что за черт?
0 votes6 answers -
Выравнивание по центру
День добрый. Не могу понять почему не работает свойство в идентификаторе DIV #container {text-aline: center;} или то же самое свойство в Body {text-aline: center;} Задача выровнять весь контейнер горизонтально по центру страницы. Заранее благодарю за помощ. Сам код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Трехколоночный макет на CSS с одинаковой высотой колонок</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="HAPedit 3.1"> <style type="text/css"> html,body{margin:0;padding:0;} body{font: …
0 votes7 answers -
Как добавить заголовок?
Уважаемые специалисты! Подскажите, пожалуйста, как добавить заголовок в тегах , чтобы он смотрелся органично в таблице с текстом, либо на месте слова "ГЛАВНАЯ" на главной странице сайта:http://www.stalgarant.ru/
0 votes9 answers -
Выравнивание поля формы с изображением
Здравствуйте все. У меня такая проблема: никак не могу выравнять текстовое поле формы с изображением (каптчей) по вертикали, почему-то изображение располагается не на одном уровне с полем, а выше. Пожалуйста, подскажите, в чем может быть дело? Далее привожу код двух файлов (стили в отдельном файле), которые размещаются в одной папке. form.htm <HTML> <TITLE>Form</TITLE> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY> <FORM method="post" class="cform" id="cformsform"> <FIELDSET class="cf-fs1"> <OL class="cf-ol"> <LI id="li--1"><LABEL for="cf_field_2"><SPAN>Your name<…
0 votes3 answers -
Div или Table Height=100%
Есть простая страница - колонка посередине, слева background div, справа backround div (оба на всю вышину). То есть макет элементарнейший. Условия: 1) doctype transitional (с ссылкой на документацию) 2) кроссбраузерность. на все таги вешаем как положено height:100%, на html,body и контентные. Теперь траблы: или надо выкидывать doctype или IE. Собственно, что таблица, что div-ы с height:100% ведут себя точно также, разницы нет в чем верстать. Забудем по причине работоспособности о других браузерах кроме ИЕ. Все вытягивается нормально до момента когда длинна контента не превышает вышины ока браузера. Как только появляется scroll, то вышина diva остается равной вышине окна …
0 votes2 answers -
таблица и overflov
Приветствую. Не получается решить следующую проблему: есть таблица с 1 ячейкой. в ней находиться текст. если не указана ширина таблицы, то текст, который содержится в ней не должен отображаться а прятаться в ней. вроде все сделал как надо. в ячейку всунул div с overflow:hidden; но таблица тянется по контенту. как это вылечить, подскажите плиз
0 votes3 answers -
На сколько неправильно использование "перекрёстных" тегов?
Передо мной задача, нужно сделать что-то по типу: <!--Обходим рекламу... </body> </html>--><script>document.write("<","/","b","o","d","y",">");</script></html> То есть закомментировать теги </body> и </html> А потом их вернуть на своё место. Дело в том, что, как вы уже догадались, это обход рекламы на одном бесплатном хостинге и если я сделаю код таким: <!--Обходим рекламу... </body> </html>--></body></html> То противный скрипт вешается прямо после последнего тега </body> Собственно вопрос: стоит ли извращаться с <script>document.write("<","/","b","o","d","y",">");&l…
0 votes19 answers -
треугольник паскаля
построил треугольник паскаля как сделать так чтобы он выглядел как треугольник?
0 votes10 answers -
двойной <br />
Есть такой тег, который заменяет <br /><br />?
0 votes4 answers -
Значения Multiselect и Сheckbox
Столкнулся с такой проблемкой, Из Select значение указанное в value передается в базу данных, если в Multiselect выбрано одно значение оно тоже передается, а если несколько либо передается одно, либо вообще ни какого И собственно по чекбоксу, должно ли передаваться значение value если выбран чекбокс(checked) тоесть <input type="checkbox" value="Зарезервировано" name="Check2" onclick="agreeForm3(this.form)" /> Или для чекбокса используется другой параметр?
0 votes10 answers -
не активная ссылка активной страницы
Такая проблема, никак не могу сделать так, что бы активная ссылка на страницы была обычным текстом, т.е. что бы страница не ссылалась на саму себя. И вообще, реально ли это?
0 votes7 answers -
Не работает repeat в IE6!!
Подскажите, пожалуйста, что можно сделать???? Курсач горит((((
0 votes11 answers -
Хитрое выравнивание
<div> <div style="display:inline">Этот div должен быть выровнен по левому краю</div> <div style="display:inline">Этот div должен быть выровнен по правому краю</div> </div> <!--и все это должно находиться на одной строке без переносов-->
0 votes19 answers -
display:table-cell и firefox
Здравствуйте, подскажите, пожалуйста, как сделать что бы в firefox заработало position-relative, display-table:cell и outline. демо код времменое решение: @-moz-document url-prefix() { .block { display: block; outline: none; } } но с таким фиксом картинка не будет центироватся
0 votes2 answers -
Не работает jq-selectbox на iPad и в его эмуляции в хроме
Здравствуйте, ребята. Плагин jQuery Form Styler На сайте, не пугайтесь красоты, не работает селект в фильтре (сейчас он слева) на iPad и в chrome devtools, когда выбрали iPad. Показывает такое - http://joxi.ru/52aQLKkup7E120 А должно быть такое - http://joxi.ru/12MQ3kDuRB0w2J Что не так с ним и куда бежать? Подходящего не нашла ничего особо.
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-