Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Ищу напарника в обучении!

    Начал изучение JavaScript, ищу напарника для совместной учебы, обмена опытом и обсуждения интересующих тем связанных с frontend разработкой. Если желающих нет, то быть может подскажете сервис, способный разрешить мой вопрос? Жду отклика!

    Asked by Echegaray,

    0 votes
    1 answer

  2. При наведении на ссылка подсвечивается по содержимому

    Здравствуйте! Имеется вот такая вот структура - https://jsfiddle.net/oxuefw63/ При наведении ссылка подсвечивается на всю ширину блока. Подскажите, пожалуйста, как сделать, что бы подсвечивалось только слово (содержимое ссылки)?

    Asked by volshebnyi,

    0 votes
    6 answers

  3. Маркер строки в виде точек от текста до цены

    Как сделать вот такой элемент адаптивным?Что бы часть точек при уменьшении экрана пропадали?

    Asked by Konstantin99,

    0 votes
    5 answers

  4. Как добраться до последнего элемента в блоке средствами CSS

    Подскажите, пожалуйста, как добраться до последнего элемента <button> в этом списке? <div class="parent"> <button class="accordion">Раздел 1</button> <div class="panel"> <a href="#">Мои потоки</a> <a href="#">Непрочитанное</a> <a href="#">Базовые фигуры</a> </div> <button class="accordion">Раздел 2</button> <div class="panel"> <a href="#">Мои потоки</a> <a href="#">Непрочитанное</a> <a href="#">Базовые фигуры</a> </div> <button class="accordion">Раздел 3</button> <div class="panel"> <a hre…

    Asked by volshebnyi,

    0 votes
    4 answers

  5. Не получается поместить форму регистрации по центру.

    Первый раз создаю сайт... Нужно форму регистрации поместить ровно по центру, да ещё так, чтобы у неё был свой фон. Всё перепробовал ничего не получается.. Вот html и css-http://cssdeck.com/labs/collab/l2wz6lx3 . Кто может поправьте код и посоветуйте что-нибудь. Спасибо !!!

    Asked by WebRab,

    0 votes
    2 answers

  6. структура сайта на flex

    помогите пожалуйста разметить страничку стандартными header + content + footer вот моя попытка . она плоха тем, что для header, footer используется такое правило: .icons_item:nth-child(6), .icons_item:nth-child(1){ width: 100%; } хотелось бы использовать чистый flexbox

    Asked by cyklop77,

    0 votes
    1 answer

  7. footer отображаеться не коректно

    Всем доброго времени суток, столкнулся снова с проблемой. на скрине видно, что не так???? подскажите пожалуйста. Вот код моего творения <!DOCTYPE html> <html> <head> <!-- включение тегов HTML5 для IE --> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> ; for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <!-- /включение тегов HTML5 для IE/ --> <title>$SITE_NAME$</title> <st…

    Asked by green-vik,

    0 votes
    11 answers

  8. Создание почти слайдера на CSS

    Задача такая, есть 3-и ссылки, каждая из этих ссылок относиться к своему контенту, необходимо что бы при нажатии на ссылку показывался необходимый контент.Реализовать все посредством css и желательно не фиксированной высоты. У меня есть вот такая штука пример работы, но я столкнулся с такими проблемами. 1) Блок "green" имея свою высоту вылазит за пределы "wrapper". 2)При клике по одному из блоков, теряется фокус на ссылке и блоки меняются на default. Как можно это реализовать?Пробовал через "display", но чет как то тоже не задалось.

    Asked by Konstantin99,

    0 votes
    4 answers

  9. IE10 странное поведение выпадающего блока

    http://road.media/?template=rm при наведении на "каталог" в IE10 в первый раз "выпадайка" показывается нормально, во второй раз - пустая, как будто в контейнере с классом drop ничего нет: После перегрузки страницы восстанавливается ровно до второго наезда мышью В чем может быть дело? Может глюк конкретного браузера? 10.0.9200.16600 В IE11 например всё нормально.

    Asked by d0ublezer0,

    0 votes
    0 answers

  10. Айфон не видит правила display: block; для таблиц

    Здравствуйте. Дописал адаптивные стили для сайта. Там жуткая вложенность таблиц, но я был уверен, что справлюсь, задавая для таблиц правило display: block; Тесты на андроидах прошли успешно. А вот с айфонами заминка. На определенной глубине вложенности они просто перестают реагировать на это правило, и выводят таблицы в качестве таблиц. Кое-где я смог справиться с этим. Но переверстывать весь сайт на дивы просто нереально. CMS оскоммерц для верстки с нуля мне не по зубам. Для теста верстки под айфон можно использовать этот сервис В нем и режим разработчика имеется. Положите в корзину товар и попробуйте сделать заказ - увидите такую карти…

    Asked by Дмитрий2,

    0 votes
    1 answer

  11. Как перенести текст на новую строку

    Как в данном случае сделать так, что бы строки не соединялись, а перепрыгивали на новую с сохранением border-bottom.https://jsfiddle.net/r7yfh1xf/

    Asked by Konstantin99,

    0 votes
    1 answer

  12. Меню с применением :hover

    Здравствуйте. Не могу никак понять как сделать подобного вида меню(Как в приложении). Пробовал через display:none->display:box; , через opacity:0->opacity:1; теперь через transform:scale(0.5); -> transform:scale(2); <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link href="about.css" rel="stylesheet" type="text/css"> </head> <body> <div class="menu"></div> <div class="show-menu"></div> </body> </html> Задача такая чтобы при наведении курсора на центральный элемент, круговое меню появлялось как-бы вокруг него. Вот …

    Asked by serganto92,

    0 votes
    1 answer

  13. Исчезает блок (position: absilute) при скроле.

    Здравствуйте! Подскажите, пожалуйста, в чем может быть проблема - есть сайдбар с перечнем недель (aside). Указал у него абсолютное позиционирование по отношению к блоку main. Если изменить разрешение или, например, сузить браузер до появления горизонтального скролла, то этот блок с абсолютным позиционированием исчезает... http://tia.in.ua/untitled/study_lecture.html Заранее благодарю за помощь.

    Asked by volshebnyi,

    0 votes
    14 answers

  14. Сложные кнопки на css.

    Как сверстать кнопки с такими декоратиными элементами сверху/снизу (см. скрин). Подозреваю, что через псевдоэлементы, но я знаю только как сделать это в виде треугольников. Есть ли возможность сделать это в виде кривой, как на скрине? https://www.dropbox.com/s/8x15uim5fzrcpo9/Screenshot 2016-09-19 22.52.44.png?dl=0

    Asked by cat,

    0 votes
    5 answers

  15. Можно ли затемнить ВСЕ родительские блоки?

    Вот скажите пожалуйста, возможно ли такое, если блок внутри родителя (ну и родителей, естественно): при выпадении меню по наведении, всё что под ним - затенять? https://road.media/ Наведя на каталог, хочу добиться, чтобы всё что вокруг "выпадайки" затенилось. Это возможно? Если пытаться через opacity для родителей, то затеняется всё вместе с ребенком, что логично. Есть мысль с абсолютным блоком под выпадайкой, но выше родителей, но как его вызвать и позиционировать не додумаюсь что-то. Направьте? Типа того: .page-wrap::before { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; content: ""; height: 100%; position: fixed; …

    Asked by d0ublezer0,

    0 votes
    4 answers

  16. Сместился элемент

    Привет. Не могу допетрать в чем беда сайт ? скриншот следующий элемент должен сразу быть за предыдущим. а он полез вниз

    Asked by myr4ik07,

    0 votes
    2 answers

  17. Статья: типы верстки

    На сайте htmlbook.ru видел статью про все типы верстки: резиновая, адаптивная, гибридная... Не могу найти. Дайте ссыль.

    Asked by torsar,

    0 votes
    3 answers

  18. Слайдер для одного блока

    Здравствуйте, коллеги! Есть задача. Точнее, таблица с тарифами. На каждом столбце отделный тариф. На планшете и десктопе отображаеться нормально. На мобильном эта таблица должен преврашаться в слайдер с dot а(элемент управления) ми внизу. И каждый столбец(Тариф) должен показаться отдельно в соответсвие dot ами. Тоесть, та же таблица должен передвинуться налево или направо чтобы показать конкреткный "кусок". Как можно вот этот функционал реализовать? Спасибо.

    Asked by parnas,

    0 votes
    5 answers

  19. Flecbox менюшка

    Всем здравствуйте. Подскажите как правильно сверстать менюшку для смартфона (примерно как на рисунке). Нужно чтобы иконки выстраивались по три штуки в ряд, в три строки. Пытаюсь использовать Flexbox, но проблема в том, что иконки в контейнере subContent накладываются одна на одну по центру http://codepen.io/anon/pen/BLWvwj даже уже другая проблема с отображением в сафари, иконки не по центру, а прижаты к левому краю

    Asked by Mixail.09,

    0 votes
    1 answer

  20. на PC высота обрезана наполовину

    Подскажите далею картинную галлерея с помощью карусели http://dev.foodlips.com/shared/restaurants/United-States и на PC высота обрезана наполовину а на мобильниках отображается полностью и непонятно почему... Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  21. Простенькая форма-фильтр

    Здравствуйте. Необходимо создать форму-фильтр с запросами get по ссылкам (ссылки запросов имеются) пример: см. скрин т.е имеется ссылка на запрос 1 пункта (марка), когда ее выбираю появляется выбор 2 пукта (модель), на который тоже есть ссылка-запрос.

    Asked by orbit21,

    0 votes
    1 answer

  22. Пропажа бордюров

    Здравствуйте! Помогите пожалуйста по следующей проблеме. У меня перестали отображаться бордюры с правой и с левой стороны. В чём может быть проблема? -moz-border-image: url(images/1.png) 10 20 10 250 stretch stretch; -webkit-border-image: url(images/1.png) 6113 0 0 stretch stretch; -o-border-image: url(images/1.png) 6113 0 0 stretch stretch; border-image: url(images/1.png) 6113 0 0 fill stretch stretch; border-width: 30px; border-right: 30px solid; -moz-border-image: url(images/1.png) 10 260 10 250 stretch stretch; -webkit-border-image: url(images/1.png) 6113 0 0 stretch stretch; -o-border-image: url(images/1.png) 6113 0 0 stretch stretch; border-width…

    Asked by bobb,

    0 votes
    3 answers

  23. xpath

    Здравствуйте.Есть задание - (На странице https://www.google.ru/search?q=xpath Получить с помощью xPath все ссылки на результаты поиска Все имена ссылок на результаты поиска.). Так как с xpath я знаком со вчерашнего дня,появился вопрос: корректно ли написано задание(орфография и пунктуация сохранены)?И возможно кто-то сможет подсказать как это правильно реализовать. Sorry, если ошибся с разделом)

    Asked by Alexandr37,

    0 votes
    1 answer

  24. Проверка работы с <label>

    Добрый день.Есть у кого возможность проверить ,если тут ошибки. https://jsfiddle.net/t01z1yyk/

    Asked by vavvka,

    0 votes
    4 answers

  25. Не видны бегунки на слайдера

    Всем привет, На странице Ссылка во втором слева снизу блоке есть слайдер на котором с какого-то момента перестали отображатьбся 2 бегунка которые в файле стилей Ссылка стиля определены как: * slider */ .slider-pane { padding: 12px 6px; border: 2px solid #dcdcdc; background-color: red; } .slider { overflow: hidden; margin-top: 0px; margin-bottom: 0px; padding: 5px 0px 5px 8px; } .slider dd > input { margin: 0px; padding: 0px; height: 18px; border: 2px solid red; background-color: inherit; color: #999999 !important; } .slider > *:last-child { padding-left: 4px; } .ui-slider { margin-bottom: 15px; height: 8px; backgroun…

    Asked by mstdmstd,

    0 votes
    0 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept