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. Статья: типы верстки

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

    Asked by torsar,

    0 votes
    3 answers

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

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

    Asked by myr4ik07,

    0 votes
    2 answers

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

    Вот скажите пожалуйста, возможно ли такое, если блок внутри родителя (ну и родителей, естественно): при выпадении меню по наведении, всё что под ним - затенять? 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

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

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

    Asked by cat,

    0 votes
    5 answers

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

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

    Asked by volshebnyi,

    0 votes
    14 answers

  6. Меню с применением :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

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

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

    Asked by Konstantin99,

    0 votes
    1 answer

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

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

    Asked by Дмитрий2,

    0 votes
    1 answer

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

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

    Asked by d0ublezer0,

    0 votes
    0 answers

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

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

    Asked by Konstantin99,

    0 votes
    4 answers

  11. 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

  12. структура сайта на 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

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

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

    Asked by WebRab,

    0 votes
    2 answers

  14. Как добраться до последнего элемента в блоке средствами 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

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

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

    Asked by Konstantin99,

    0 votes
    5 answers

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

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

    Asked by volshebnyi,

    0 votes
    6 answers

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

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

    Asked by Echegaray,

    0 votes
    1 answer

  18. перестроить flex-элементы горкой

    помогите пожалуйста переверстать элементы есть несколько элементов. нужно чтобы на iPad вертикальной ориентации они располагались так: 00 00 00 ,а на iPad горизонтальной ориентации, они располагались так: _00_ 0000 я решил эту задачу, используя flex-элементы и скрытые элементы: jsfiddle page но мне нужно решение, которой использует только возможности flexbox(без костылей в виде скрытых элементов)

    Asked by cyklop77,

    0 votes
    2 answers

  19. flex: выравнивание по высоте

    помогите пожалуйста установить для каждого элемента .icon высоту, которая равна его ширине. элементу .icon я добавил круглую границу, нужно чтобы при любой ширине экрана кружочки не сплющивались. при этом все эти кружочки должны быть равномерно распределены по высоте экрана результат выглядеть должен приблизительно так: вот моя попытка html: <div class="wrap"> <div class="icons"> <div class="icons_item"><a class="icon" href="">1</a></div> <div class="icons_item"><a class="icon" href="">2</a></div> <div class="icons_item"><a class="icon" href=""&…

    Asked by cyklop77,

    0 votes
    0 answers

  20. Точное количество расширений мониторов (и в общем вопрос по адаптивной верстке)

    Очень сложно дается одна адаптивная верстка. Знаю, что это не совсем правильно, но скорее всего придется верстать под каждый отдельный монитор персонально. Подскажите имеет ли данный стиль верстки, право на существование? Или же данный вариант патовый? Сколько экранов (расширений) существует в природе (имею ввиду основные, стандартные, которыми пользуются люди, а не космонавты...)? И вообще, кто как верстает адаптивные (и мобильные) сайты? Есть ли какие-нибудь секреты, которые значительно облегчили верстку обычному разработчику, который не проходил каких-либо специфических курсов, конкретно на данную тему (адаптивной верстки), а пользуется лишь поверхностн…

    Asked by Igoritaly,

    0 votes
    3 answers

  21. Элемент находится вне области просмотра в гугле

    Сделал мобильную версию сайта. Проверил в разных браузерах. Зашел с телефона - все ОК. Запустил проверку гугла на мобильность а он криво видит контент. что не так?

    Asked by nikki4,

    0 votes
    3 answers

  22. Размытие фона (filter: blur) ПОД модальным окном

    Здравствуйте! Перелопатил очень много информации и примеров, но так и не понял как размыть фон под модальным окном. В любых вариантах у меня размывается само модальное окно, а фон остается прежним. Хотя, если устанавливаю цвет фона, то он применяется под модальным окном...помогите, пожалуйста, разобраться. https://jsfiddle.net/tm1jnysg/

    Asked by volshebnyi,

    0 votes
    1 answer

  23. Как сделать контейнер и подложку?

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

    Asked by keche,

    0 votes
    1 answer

  24. Стилизация <textarea>

    Здравствуйте! Имеется textarea - https://jsfiddle.net/f7xx5ewb/ По умолчанию у нее есть ресайз и при более чем двух строках текста (это прописано в атрибуте) появляется скролл. Подскажите, пожалуйста, как сделать так, что бы ничего не появлялось, а просто с каждой строкой опускался бордер textarea - так, как на картинке. Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    5 answers

  25. Контролируемый рандом

    Всем привет. Делаю кое-что, и вот понадобилось чтобы генерировалось число(например 9 цифр, без повторений, но с контролируемым повторением 0 в числе(то есть можно указывать количество нулей в числе)), а затем выводить картинки заранее закреплённые за этими цифрами. Даже не знаю с чего начать, подскажите пожалуйста.

    Asked by mrloregood,

    0 votes
    6 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