HTML Coding

29,542 questions in this forum

1. CSS <input> + <datalist> как избавиться от смены фона при выборе значения?

   http://jsfiddle.net/yxhzsk4m/1/ Первая строка таблицы ссылается на datalist. При выборе одного из значений фон меняется на жёлтый. А хочется, чтобы остался серым, ну или тем, которым укажу. Как это сделать? (:valid, вроде в этом случае не действует....) ПС Классно было бы также ограничить ввод в это поле только указанным в datalist списком значений. нельзя ли это сделать через pattern (в общем без JS)??? (В этом случае вроде рекомендуется использовать селект, но отказался от него из-за того, что он всегда ставит margin left и right + 3px, если рядом есть какой-либо элемент. А если нет, то не ставит!!! И красивой таблицы не получается... И высота у селекта меньше на…

   Asked by eugen35, September 4, 2014

   • datalist
   0 votes
   2 answers
2. display: table и min-height в firefox и safari

   Пример http://jsbin.com/saguvazineju/1/edit Объяснять не буду, посмотрите в хроме и фф

   Asked by swandev, September 3, 2014

   0 votes
   5 answers
3. Позиционирование бэкграунда

   Всем привет. Второй день мучаюсь, не могу додумать как реализовать следующее: Враппер шириной 960 пикселей, но в одном блоке картинки выходят за враппер слева и справа. Они должны быть всегда на одном месте относительно контента, горизонтальный скрол должен появляться только при 960 пикселей. Вставляя картинку либо бэкграундом, либо просто картинкой с абсолютном позиционированием горизонтальный скрол появляется при ширине картинки, либо контент плавает относительно бэкграунда. Вот пример: http://kublyakov.github.io/ Нужно что бы текст всегда был на одном месте, относительно бэкграунда и горизонтальный скрол появлялся только при ширине врапера. Вчера кучу всего перепробов…

   Asked by Kublyakov, September 3, 2014

   0 votes
   3 answers
4. Дерганье колонок макета при начале анимации. Функция show()

   Собственно все видно в примере. Нажимаем на кнопку "push" и зрим. http://jsbin.com/bujayufibobi/1/ Как избавится от этого дёрганья при начале анимации? Колонки конечно же не фиксированные и видимо это одна из проблем такого дерганья. Значит предполагаю, что надо заранее как-то считать ширину и куда-то ее передавать. Также, если использовать fadeIn, вместо show, то подобного дерганья не наблюдается. Откуда возникла проблема. Проблема возникла из-за того, что в одном из модулей DLE используется функция ShowOrHide() (эта функция идет вместе с DLE в одной из js библиотек) и я собственно думаю сейчас, как в этой библиотеке правильно заменить функции show() и hide() на т…

   Asked by advokatua, September 2, 2014

   • анимация
   • jquery
   • css
   • show()
   0 votes
   1 answer
5. Отступ в 1px на Mac Os (inline-block)

   Имею такую конструкцию <div class="container"> <aside class="left"> </aside><aside class="right"> </aside></div>body, html { margin: 0; height: 100%;}.container { height: 100%;}aside { display: inline-block; vertical-align: top; height: 100%;}.left { width: 63%; background: red;}.right { width: 37%; background: blue;}http://jsfiddle.net/z96odrfp/1/show/ На windows все хорошо. На Mac OS появляется белая линия в 1px справа, в конце синего блока. Вот голову ломаю не пойму из за чего. Статью "Загадочные отступы между инлайн блоками " читал, не помогает. Может сталкивался кто, поделите…

   Asked by Нарек, September 1, 2014

   0 votes
   10 answers
6. Как в XML файл вставить другой XML файл ?

   С помощью какой или каких команд XML можно вставить в файл XML содержимое другого файла XML ?

   Asked by itwoker5, September 2, 2014

   0 votes
   3 answers
7. Сколько заголовков h1 должно быть на странице документа HTML5 (СЕО)

   Всем привет, вопрос наверное больше к СЕОшникам чем к фронт-эндерам. Недавно сдал верстку, ее уже залили на хост, поработал бэк-эндер, и настало время сео-оптимизации. Вот именно после этого прожект-менеджер отписала, что СЕОшника немного посмеялись над моей работой. Я в курсе, что учитывая стандарты HTML4 или XHTML заголовок H1 на странице должен быть один. НО!, ведь в HTML5 с появлением новых блочных элементов (article, section, main, footer...) заголовков первого уровня (Н1) может быть несколько. Вот так приблизительно выглядит прототип сайта, с пометками, где я использовал H1. С точки зрения валидности все верно. Действительно ли я затупил в верстке с точки зрения …

   Asked by kupas, September 1, 2014

   • h1
   • html5
   • seo
   • сео
   • раскрутка
   0 votes
   9 answers
8. Влияние статичного блока на абсолютно позиционированные псевдоэлементы

   Прежде всего здравствуйте. Ранее заходил на сайт только как в справочник, но настала пора зарегистрироваться на форуме, т. к. он несёт разумное, доброе, вечное. Я считал себя неплохим верстальщиком( ох, гордыня... ) сделав несколько шаблонов для Wordpress и Opencart, но вчитавшись внимательно в раздел про CSS3 да и просто в справочник понял, что являюсь нубасом зелёным, ведь понятия не имею, что есть правила nth-child, border-radius, transform, count, @keyframes, функция calc() и многие другие. Занялся ликбезом всерьёз и постепенно дошёл до раздела "Практикум". Решая задачу http://htmlbook.ru/practical/indikator-vypolneniya столкнулся с интересной фичей(или багом) абсолют…

   Asked by Sigizmund, September 2, 2014

   0 votes
   7 answers
9. Проблема с масштабированием сайта.

   Здравстуйте. Столкнулся с проблемой в webkit браузерах. При уменьшении масштаба, картинки начинают уменьшаться непропорционально. Пожалуйста, помогите разобраться в проблеме. Вот сайт http://www.training.od.ua.

   Asked by eckimoc, September 2, 2014

   0 votes
   0 answers
10. Верстка трехколоночного макета в Bootstrap2.1.1

    Всем привет. Столкнулся с старым bootstrap'ом, Есть три span'а, левый и правый - span2, центральный соответственно span8, боковые должны исчезать на не desktop. Сделал, чтобы они исчезали, но как теперь сделать, чтобы центральный растягивался при исчезновении боковых. Сейчас центральный съезжает влево, а справа остается пустое место (где по сути влезает span2). Вот демо: http://jsfiddle.net/p4p83eqz/ Буду рад любым советам.

    Asked by peektoseen, August 31, 2014

    • bootstrap
    0 votes
    3 answers
11. Ссылка обернутая в другую ссылку

    Собственно код: http://jsbin.com/wecosanefugi/1/ Суть такая - нужно сделать чтобы при клике по Автору открывалась одна ссылка (гугл например), а по клику на любой другой области, внутри красного прямоугольника, открывалась внешняя ссылка (рамблер). Естественно, что обертка из <a> и добавление еще одной ссылки внутрь обертки не пройдет, т.к. первая ссылка закроется до начала второй. Есть ли способ как-то это обойти? Условия: - Структура html должна сохранятся - никаких извращенностей для ссылки Автора типа: вынести его за пределы блока, а затем margin: -4.2345px подогнать на нужное место, или что-то подобное.

    Asked by advokatua, August 28, 2014

    • ссылка
    • html
    0 votes
    5 answers
12. Нужен чат для главной страницы

    Я начинающий, разобрался только в html и css. Предстовления не имею как создать чат. Как, на каких языках программирования?

    Asked by Laroxx12, August 31, 2014

    0 votes
    16 answers
13. Perfect Book on HTML & HTML5

    Hi All, I want to start learning HTML & HTML5 but looking for some good books that help me learning HTML & HTML5.. Please let me know which are best books. I visited amazon there are too many books available so please let me know which I should buy and which is not..

    Asked by MarkZachary, September 1, 2014

    • HTML
    • HTML5
    0 votes
    1 answer
14. меню под углом но буквы вертикально

    Добрый всем день. Вот такое меню есть идеи кроме сделать картинками или transform:rotate ?

    Asked by Dioni$$, September 1, 2014

    0 votes
    3 answers
15. Фоновая картинка для сайта

    Подскажите пожалуйста, есть такие нюансы. 1. Уменьшайте масштаб в браузере http://waa.ai/4cTS - почему внизу появляется белый фон, почему именно белый, откуда это? Как пофиксить или изменить цвет? Т.е. изначально сайт уменьшается нормально, затем внезапно снизу белое. 2. Уменьшайте масштаб тут http://waa.ai/4cTs - видите что фоновая картинка стала как бы в воздухе? Теперь посмотрите сайт из п1 и увидите, что она по краям тянется. Теперь вопрос: можно ли сделать так, чтобы к краям прилипать фон начинал только с определенного разрешения, либо достигнув разрешения картинки и после не оставлять ее в вуздухе, а начинать тянуть. Другими словами, пока окно небольшое - как на…

    Asked by MyNameIsJim, August 31, 2014

    0 votes
    1 answer
16. Подсветка кнопок при нажатии

    Есть свёрстанный сайт с рабочей менюшкой из нескольких кнопок. Нужно сделать так, что бы: 1. При наведении на кнопку она подсвечивалась (картинки с 3 видами каждой кнопки уже готовы). 2. При нажатии допустим на кнопку 1, она подсвечивалась как нажатая, а после если нажать на кнопку 2, кнопка 1 возвращалась в обычное состояние, вместо неё загоралась кнопка 2. Больше никакого функционала не нужно. Всё остальное уже есть. Как это можно реализовать? Какие есть варианты попроще?

    Asked by Shaman14-21, August 29, 2014

    0 votes
    7 answers
17. Проблема с версткой макета

    Макет взял отсюда https://vk.com/doc74880623_322415700?hash=680b16a146e0d2fbca&dl=5b49a4b96fbed7e1ea Как у меня получилось http://firstsiteinmymi.ucoz.com/ С позиционированием жесткие пробелы у меня, не знаю как поставить логотип на нужное место.

    Asked by RuslanHeYca4ev, August 31, 2014

    0 votes
    10 answers
18. Выпадающее меню - показывает все подпункты

    День добрый Вот сделал выпадающее меню чисто на цсс по этой инструкции Но почемуто подпункты меню второго уровня, которые должны активироваться при наведении на родителя - показываются сразу. Вот сайт - горизонтальное меню верхнее, первая колонка Туры - внизу открыты и подпункты сразу Помогите пожалуйста скрыть подпункты меню. Надо чтобы они показывались только при наведении на родителя Заранее спасибо! Вот кусок цсс, отвечающего за меню /*=================horizontal menu===================*/#horizontal {height:40px;width:960px;background:#fff;margin: -5px auto 10px auto;padding:0;}ul.menu_up {position:relative;z-index:9999;}ul.menu_up li {float:left;display:bl…

    Asked by artpol, August 31, 2014

    • drop down menu
    • css
    0 votes
    2 answers
19. Помогите со слайдером

    Есть такой слайдер под №10 на этом сайте http://efimov.ws/main/develop/javascript/jquery-plugins-css-naxodki-part-5.html?searched=karuselka&advsearch=oneword&highlight=ajaxSearch_highlight+ajaxSearch_highlight1 Почему, когда нажимаешь, что бы пролистало назад, то он листает вперёд, как убрать этот косяк?

    Asked by DivMan, August 31, 2014

    0 votes
    5 answers
20. Собсна, начинаю делать макет и уже траблы.

    http://firstsiteinmymi.ucoz.com/ как я уже сделал и вот как надо Первый трабл у меня с текстом, позиционирую его по float right, но текст у меня теперь зеркально отражается, лого, лого тонкое, а у меня жирное.P.s фон под себя подбираю, мне не нравится те деревяшки. P.P.S Тему как переименовать, начинаю верстать макет =\

    Asked by RuslanHeYca4ev, August 25, 2014

    0 votes
    6 answers
21. Позиционирование заголовка у картинки

    <div class="news"> <img src="img/no_image.png" > <h4>Российские цены на BMW M6 Купе</h4> </div>Всем привет. Как сделать, что бы заголовок h4 позиционировался с правой стороны картинки?

    Asked by Roman_qwe, August 31, 2014

    • заголовок
    • выравнивание
    • картинка
    • позиционирование
    0 votes
    2 answers
22. Верстаю бесплатно для портфолио

    Добрый день! Начинающий верстальщик выполнит верстку сайта низкой и средней сложности (фиксированный, резиновый и адаптивный дизайн) за отзыв и для портфолио. Валидность, кроссбраузерность IE9+ (если очень надо то IE8+); JavaScript, jQuery - начинающий, срок по договоренности. Примеры https://yadi.sk/d/UiqsrcUCa3JsB, https://yadi.sk/d/a2slFikwaSxLx Заранее большое спасибо!

    Asked by grafvonfabercastel, August 28, 2014

    • html
    • css
    • javascript
    0 votes
    24 answers
23. выравнивание заголовков

    хочу сделать выравнивание заголовков, как на картинке: черные поля - край страницы, линия показывает центр выравнивания пробовал: position: relative - при нем 3 и 4 строки уезжают влево margin - из-за 4 строки страница становится шире окна браузера padding - 3 и 4 строки переносятся, некрасиво выглядит выделение ссылок (заголовки кликабельны)

    Asked by anton-tsyganenko, August 29, 2014

    0 votes
    7 answers
24. iframe проблема (

    Приветствую столкнулся с проблемой, поставил iframe на сайта, там дергается партнерка, собственно вот _polukred.ru/credkart.html там подгружается в ифрейм партнерка плюс css моя, чтобы я мог править стили ифрейма на своей стороне в общем то проблема в ИЕ (у меня 11), постоянно перезагружается ифрейм, каждую секунду с других браузерах все нормально, но в ИЕ - нескончаемая перезагрузка страницы это наверное что то из за ксс, как поправить а ? думал поставить носкрипт, поставил, вообще ничего не стало показывать ))

    Asked by aeneas, August 31, 2014

    0 votes
    0 answers
25. Pop-up окошки

    Всем привет! В общем при написании сайта возникла проблем с выскакивающими окнами. Весь интернет пролазил, но понятной инструкции для не знающих продвинутых языков нет. Пожалуйста. можете доходчиво мне объяснить что и как на пальцах. Окна должны перемещаться и изменять размер. Зарание спасибо!

    Asked by LOveLY, August 28, 2014

    0 votes
    9 answers