HTML Coding

29,542 questions in this forum

1. Checkbox и его id

   Здравствуйте. У меня вопрос - как долго сможет прожить checkbox/radio без id? Конструкция простая <label for="some_data" class="some_class"> <input type="checkbox" name="some_data" id="some_data"> <span></span> (кастомная часть) Some sontent </label>В <span></span> (кастомная часть) происходит что-то красивое в виде галочки желтого цвета. Я так понимаю, мы могли бы обойтись name, как пишут тут - http://www.w3.org/TR/html4/interact/forms.html#h-17.9.1 Поместив инпут в <label>. Но как быть с кастомизацией в этом случае? Ведь тогда чекается тот нативный инпут, который мы прячем.

   Asked by kattiperk, October 1, 2015

   0 votes
   12 answers
2. Помогите решить как сделать чтобы внутрение блоки растягивались на высоту родительского блока height:100%; не помогло

   http://prntscr.com/8nw92f <div class="korzina_table"> <div class="kor_li_1"> <div class="korzina_img"> <img src="image/s_1.png"/> </div> </div> <div class="kor_li_2"> <p class="nomer_tovara">Плита 1П 18-15-30</p> <table> <tr> <td>Длина,мм:</td><td>1750</td> </tr> <tr> <td>Ширина,мм:</td><td>1500</td> </tr> <tr> <td>Высота:</td><td>160</td> </tr> <tr> <td>Масса,тон:</td><td>1.03</td> </tr> <tr> <td>Объём,куб.м.:</td><td>0.41</td> </t…

   Asked by Fizruke, October 5, 2015

   0 votes
   12 answers
3. Кто должен делать адаптивность?

   Вопрос на засыпку тем, кто работает в веб-студиях. Кто у вас делает макеты под планшеты/телефоны - дизайнер или верстальщик? Знаю, что есть разные мнения. Кто-то говорит, что это должен проектировать дизайнер. Кто-то, что достаточно версии для десктопа, а остальное и так понятно, и рисовать это ненужно, мол пользуясь тем же бутстрапом - там все элементы уже сделаны. Какого ваше мнение?

   Asked by Imperil, October 26, 2015

   0 votes
   12 answers
4. Респонсивность фона в блоке с текстом

   Здравствуйте уважаемые форумчане, почти доделал проект и начал приводить его в адаптивности и понял что вёрстка блока сделана не правильно так как имеется разный текста и фиксировать высоту блока будет не правильно. В вёрстке не эксперт и надеюсь на вашу подсказку, заранее спасибо. http://jsfiddle.net/sehwhhcu/ Я понимаю что на class="static" можно задать высоту и тем самым продлить фон, но я бы хотел что бы фон растягивался с учетом текста и что бы я не указывал под каждое расширение экрана высоту блока.

   Asked by Mozzie, November 2, 2015

   • фон
   • текст
   • блок
   • адаптивность
   • респонсивность
   0 votes
   12 answers
5. Вопрос по абсолютному позиционированию

   http://codepen.io/anon/pen/LpgeVq?editors=110 Проблема в следующем. Первый абсолютно спозиционированный относительно body элемент располагается чуть ниже верха страницы. (Должен примыкать прямо к верху: top: 0 стоит.) Почему верхнее поле заголовка (body > h1) так влияет на него именно в body? Но этого не происходит в простом wrapper'е.

   Asked by Igor Schnaider, November 8, 2015

   • верстка
   0 votes
   12 answers
6. Наложение слоя - оптимальный адаптивный вариант

   Добрый день! По задумке, в шапке должен быль логотип, наложенный на горизонтальную черту, проходящую по всему экрану. Вопрос, как это лучше всего реализовать, для адаптивной верстки? Черта фоном? или <hr> или border, а сверху лого? Прошу помощи. Возможно, кто-то делал такое? Заранее спасибо!

   Asked by dron, December 21, 2015

   0 votes
   12 answers
7. Помогите допилить регулярное выражение '(

   Здравствуйте. Нужно проверить логин пользователя, а т.к. логин будет использоваться еще и в url (будет личный кабинет пользователя) то требования к логину "самые жесткие": 1 только латинские буквы или цифры , а так же допускаются знаки _.- 2 не может начинаться с _.- и заканчиваться соответственно тоже 3 не могут повторятся символы подряд например -- или -_ или -. и т.п. Ниже составленная мною регулярка прекрасно проверяет такие вот примерно логины: SuperNic или Super-Nic Вот если нужно так к примеру то не пропускает: S-u_p-e-r.Nic Понимаю что эта регулярка должна повторятся как-бы что ли чтобы знаки с буквами тоже могли повторятся по требованиям выше представленных…

   Asked by koly32, December 24, 2015

   0 votes
   12 answers
8. нововведения на codepen

   помогите пожалуйста понять как на codepen.io после написания js-скрипта запустить его. обычно у подобных сервисов есть кнопочка run, которая служит для запуска скрипта. но здесь её нет

   Asked by cyklop77, December 24, 2015

   • codepen
   • я сошёл с ума
   0 votes
   12 answers
9. бустрап верстка

   есть такой чудо код <div class="row"> <div class="col-lg-4"> <div class="col-lg-7"> <h1>Менеджеры</h1> </div> <div class="col-lg-5"> <h1><a class="btn btn-success" href="/user/create"><span class="glyphicon glyphicon-plus"></span></a></h1> </div> </div> <div class="col-lg-8"> </div> </div>так нормально делать или есть более правильное решение? смущает ссылка в <h1> но иначе не выравнивается

   Asked by https, January 3, 2016

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

    Доброго времени суток! Подскажите пожалуйста, как выровнять выпадающее меню по горизонтали? http://codepen.io/anon/pen/wGvBNQ

    Asked by luckyguy, February 26, 2016

    0 votes
    12 answers
11. Круг в круге

    Хочу сделать вот такой кружок. Додумался до такого (возможно есть способ попроще?). https://jsfiddle.net/z91cw96f/2/ Но проблема в том, что не могу нормально отцентрировать внешний круг относительно внутреннего. Помогите, пожалуйста Если максимально приблизить, то круг видно более-менее по центру, но если максимально удаляться, то внешний круг сильно смещается.

    Asked by WhatIsHTML, March 13, 2016

    0 votes
    12 answers
12. Как пройти Pagespeed от гугла?

    Доброй ночи. Народ. Не подскажите как пройти спидтест для десктопа в гугле? (впервые прохожу ) Есть такая страница например: http://webmaster.ayrveda.ru/se_plus/index26083k.html И результат по ней вот такой выдается: https://yadi.sk/i/fdwugjQ5rQq9A как уже только не оптимизировал те 2 картинки - спидтесту этому они все равно не нравятся ) + не понятно что надо сделать со стилями и джаваскриптом.. ) Так же хотел бы поинтересоваться наиболее простым методом сжатия в GZIP (может кто то толковую статью скинет на эту тему..) P.S. Буду благодарен за помощь..

    Asked by Yamaradg, April 30, 2016

    • pagespeed
    0 votes
    12 answers
13. Расширяемый хостинг

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

    Asked by IceGidra, June 11, 2016

    0 votes
    12 answers
14. Заполнить резиновый контент картой

    Ребята доброго времени! Строго не ругайте, html далеко не мой конек, новичок прошу помощи.. Помогите пожалуйста с шаблоном, резиновый шаблон, футер прижат к низу страницы, всё работает как мне кажется хорошо. Но в центральную часть (зеленую) нужно вставить карту размером на всю зеленую область, и чтобы она тянулась при изменении размеров окна, и чтобы она не заезжала под/на правый блок и другие блоки. Как это реализовать? Блок карты не реагирует на размеры 100%, только на фиксированный размер в пикселях, а если поставить 100% то она просто исчезает. Если можно такое сделать хотя бы для Google Chrome, буду безмерно счастлив. То, с чем мучаюсь прикл…

    Asked by Divnenkiy, July 2, 2016

    • div
    • google map
    • html 5
    • css
    0 votes
    12 answers
15. Как отцентрировать центральный блок?

    Сабж https://jsfiddle.net/vpy7sn26/1/ Как отцентрировать центральный блок? Можно сделать так же, но без float? (без padding и margin) margin: auto для inline-block походу не работает? исправил наименование блоков

    Asked by torsar, July 19, 2016

    0 votes
    12 answers
16. Анимация circle chart

    Здравствуйте. Как осуществить такую анимацию - https://dribbble.com/shots/1296229-Animation-Rectify-Stats От нее нужен сам круг и цифры в центре, ну и эффект тоже. На SVG? Вдруг у кого-то есть пример, поделитесь, пожалуйста.

    Asked by kattiperk, August 10, 2016

    • animation
    • svg
    0 votes
    12 answers
17. Выстраивание картинок в блоке

    Здравствуйте дорогие форумчане. Честно говоря сложно описать мою идею по реализации, но я надеюсь я смогу разрешить эту проблемы картинками Прошу помочь мне создать блок в котором бы картинки были наклонены. Идея такова, есть блок на сайте в котором я бы хотел реализовать такое: Всего нужно, чтобы в блоке было 4 такие картинки(короче как на картинке, только на всю ширину блока), нужно их реализовать на всю ширину блока. В каждом из этих четырех будет кнопка и текст сверху. Сам блок который называется "Каталог // наши товары" связан с бутстрапом. Ну а теперь в чем заключается моя проблема. Я не знаю как сделать такие наклонные блоки с из…

    Asked by MadSandwich, January 16, 2017

    • css
    • html
    • img
    0 votes
    12 answers
18. Стилизация select

    Всем привет! Столкнулся с проблемой как стилизовать select. Никак не получается избавиться от кнопки списка, чтобы подменить ее своим элементом подходящим по стилю. На изображении видно кастомную кнопку сверху, вот ею нужно подменить дефолтную часть списка.

    Asked by Schamil74, February 7, 2017

    • стилизация select
    0 votes
    12 answers
19. Размещение меню поверх картинки.

    Уважаемые форумчане, подскажите, как расположить меню поверх картинки? Картинки и "Главная" находятся в одном div`e, но как их объединить - не знаю. Какая функция за это отвечает? В нужное русло направьте, а дальше я сам) Заранее спасибо.

    Asked by DarkEnot, April 25, 2017

    0 votes
    12 answers
20. Выпадающее меню

    Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...

    Asked by Igor_Dp, May 23, 2017

    • nav
    • ul
    • li
    0 votes
    12 answers
21. Условие на JavaScript по URL

    Здравствуйте! Подскажите, пожалуйста, как написать на чистом JavaScript такое условие: Если в url нет символа ? (знака вопроса), то "fieldset.filter-item a" присвоить класс current Заранее благодарен за помощь!

    Asked by volshebnyi, July 2, 2017

    0 votes
    12 answers
22. Помогите разобраться в чем проблема с PerfectPixel

    Добрый день! Воюю с позиционированием по центру экрана, вернее, блока wrapper-a. Решал задачу через свойство "position". Задал wrapper-y relative, а дочернему блоку, который и нужно отцентрировать, само-собой, absolute.Задал отступы слева, сверху по 50% и margin -top, -left по отрицательной половине высоты и ширины дочернего блока. И тут возникает проблема-открыв шаблон и свою верстку в PerfectPixel увидел несоответствие по отступам сверху и слева. А ширина и высота самих блоков целиком совпадают. Отступы у родительских блоков(внешние и внутренние) у меня убраны. И попытка поиграться со значениями успеха не дает.

    Asked by Super_Saimon, September 24, 2017

    • perfectpixel
    • позиционирование блока
    0 votes
    12 answers
23. Прилипание блока к видимым границам

    Всем привет! Я тут новичок, не пинайте сразу если что. Требуется аналог position sticky для IE (в режиме совместимости с 7). Надо чтобы в одну строку текст с кнопками и с пунктирной линией проходящей под ними посередине в любой ситуации прилипал к левой и правой границе окна, то есть чтобы не участвовал в горизонтальной прокрутке, но прокручивался вертикально. Также при растягивании окна, текст за которым следуют кнопки находились слева на 20%. То есть если сдвинуть скролл, строка с красной полоской должна остатся на месте, если растянуть окно, то красная полоса растягивается, "( Title )" немного сдвигается вправо. Надеюсь более менее объяснил, за…

    Asked by serzh82saratov, November 21, 2017

    • position
    • sticky
    • ie
    0 votes
    12 answers
24. HTML CSS media запросы

    Всем привет! Делаю адаптивную версиб сайта (под мобилы), возникла проблемма. Основной CSS .wrapper { border:1px solid transparent; width:1280px; height:1043px; margin:0; background-color:transparent; } .header { border:1px solid #dce5f4; width:200px; height:43px; margin-top:-1045px; margin-left:49px; float:left; } .nav_header { border:1px solid #dce5f4; width:1054px; height:43px; margin-top:-1045px; margin-left:249px; ba…

    Asked by korozyan, November 28, 2017

    0 votes
    12 answers
25. Как отобразить background-image за пределами блока

    Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??

    Asked by Алексей2802, November 30, 2017

    • background
    • background-image
    0 votes
    12 answers