HTML Coding

29,542 questions in this forum

1. Решено

   Здравствуйте. Начала писать простейшую страницу для тренировки, но вот получилась проблема с CSS: не работают свойства margin-auto для всего, не работает задание ширины для блока с изображением (в main, class="index-image"). Text-align работает. Смотрела в последних версиях Мозиллы и Хрома. Просмотрела код - не вижу ничего неверного, все теги закрыты. Ширина тоже задана всем родительским элементам нужных блоков. Особенность в том, что всё (что пока успела) в процентах и em, кроме min-height/width локально, но раньше на таких страницах всё нормально работало. Может быть вы подскажете, в чём проблема. UPD: Ужас какой... после чашки кофе всё удалось решить. Всё было про…

   Asked by Alexandra-96, February 5, 2018

   • css
   • margin: auto
   • html
   0 votes
   0 answers
2. Выравнивание элементов в шапке.

   привет. недавно занялась вёрсткой, проблема в самом начале. в шапке логотип должен быть слева по центру, а текст справа по центру. не срабатывает text-align. может совсем по-другому надо подойти к этому. прошу помощи! ещё будет страница с той же шапкой но другим текстом ("поддержка"). хотелось бы использовать те же стили https://jsfiddle.net/hktt4Lue/

   Asked by vasilyevna_yu, February 4, 2018

   • css
   • html
   • вёрстка
   0 votes
   2 answers
3. Position: fixed - сделать размеры блока как у body

   Есть страница, c: body { max-width: 1200px; margin: auto; } т.е. контент посередине. Вопрос: есть блок <footer>, как средствами CSS сделать его "привязанным" к низу страницы так, чтобы он был одного размера с body? И соответственно менял размеры, если у body меняется. Ну например: окно браузера уменьшили... footer { position: fixed; bottom: 0; } "привязывает" <footer> к низу, но растягивает по ширине экрана.

   Asked by mr.relax, February 2, 2018

   • css
   • fixed
   • position
   0 votes
   2 answers
4. скролер

   как сделать вот такую кнопку чтоб при нажатии страница экрана прибежала в низ

   Asked by theamkh, January 31, 2018

   • ойгукн
   0 votes
   3 answers
5. Помогите с верстой фиксированного меню

   Друзья помогите сделать фиксированное меню как тут (там где скриншоты, сравнения и т.п.) Тоесть меню изначально закреплено допустим где то в центре экрана, выбирая нужный якорь оно перемешается в top и опускает к нужному разделу, листая обратно вверх, оно бы вставало на старое место. У меня просто что то тупка.

   Asked by papay, January 12, 2018

   0 votes
   1 answer
6. Как сменить все цены в магазине на HTML-страницах

   Приветствую уважаемые! Попал ко мне интернет магазин на руки, порядка 500 позиций товара Хочу поднять в нем цены на все товары на 20%, т.к. цены в нем сохранены устаревшие Проблема в том, что магазин на HTML-страницах, не на CMS - и такие извращения встречаются, плюс сам я с веб-разработкой не знаком Хочу все эти цены сменить автоматически, без ручной смены на каждой из 500 HTML-страниц На сайте эти цены выглядят вот так: В каталоге: <span class="price">15 590 руб.</span> На самой странице товара: <div id="price-on-nal">15 590 <em>руб.</em></div> Есть PHP-скрипт один, который ставится…

   Asked by stas84, February 1, 2018

   0 votes
   0 answers
7. Повторное использование свойства у одного селектора

   Добрый день! Столкнулся с проблемой в этом примере https://jsfiddle.net/bnun3zkv/1/ Это урывок кода из учебного задания по всплывашкам. И как видно-указатель у всплывашки коряво отображается. Работает только свойство с поворотом вокруг своей оси, или вообще не отрабатывают свойство transform, как в моем приведенном примере. Хотелось бы узнать в чем причина? Я не нашел в доке по этому свойству каких-либо ограничений на повторное использование у одного селектора... Я допустил какую-то ошибку при написании свойств к данному селектору?

   Asked by Super_Saimon, February 1, 2018

   • css
   0 votes
   2 answers
8. Не используется Float, два столбца

   Всем привет! Камнями не закидывайте, так как я веб-дизайнер, и решил для себя изучать html, css, js. Для дз начал создавать свой собственный сайт, но столкнулся с такой проблемой. Прикрепил изображение для более ясного пояснения. Я создал селектор .container-nav, в котором находятся еще два селекторы .nav-menu и .but-que , чтобы они располагались слева (меню) и справа (вопрос). Дальше создаю селектор .header-bar, в котором также два селектора .about-me и .my-projects, они должны располагаться и слева, и справа. После поиска ответов, разных раздумий и т.п. не смог решить данную проблему ( второй скрин). Да, у меня получилось сделать с первым селе…

   Asked by dak3tt, February 1, 2018

   0 votes
   0 answers
9. bourbon Bourbon

   Как подключить библиотеку Bourbone русское руководство есть ?

   Asked by lemitris, January 31, 2018

   • sass
   • html
   • css
   0 votes
   0 answers
10. вопросы по сайту

    http://slavian.coolpage.biz/site2/ http://slavian.coolpage.biz/site2/template.psd как в картинку logo поставить буквочку М стрелки на баннере footer уменя wrapper-ом ограничен, надо фон сделать серый

    Asked by rpmcmerphy, January 31, 2018

    0 votes
    1 answer
11. Проблема с bower

    Когда пишу bower i jquery Выдает вот это bower EINVALID name must be lowercase, can contain digit , dots,dahes "@" or spaces

    Asked by Daniyar, January 29, 2018

    0 votes
    1 answer
12. Верстаем крышу

    Всем привет, форумчане! Есть задача сделать вот такую штуку как на картинке, она должна быть 100% шириной по отношению к контенту, но ограниченной высотой, к примеру 60 пикселей. Spoiler У меня уже есть решение которое я сделал https://jsfiddle.net/x5Lavn55/, но может имеется более элегантное и лучше чем мое? Пробовал с svg, но не могу растянуть на 100% не изменив высоту...

    Asked by Mixfixpix, January 19, 2018

    • html
    • css
    • svg
    0 votes
    6 answers
13. Вертикальное выравнивание

    Здравствуйте. Сейчас вроде бы не должно возникать проблем с вертикальным выравниванием, есть flex'ы, приём с transform: translateY(-50%). Но если контента много, то он обрезается и не спасает добавление вертикального скролла. Пример на флексах (уменьшайте окно, пока текст не начнёт вываливаться) https://jsfiddle.net/6xjg7Lvh/ Точно такая же картинка на transform https://jsfiddle.net/sw2phpdc/ И снова приходиться возвращаться к старым добрым display: table-cell, здесь всё работает корректно https://jsfiddle.net/39xo2gzo/ Ребят, можно это как-нибудь пофиксить или в таких случаях использовать только display: table-cell ?

    Asked by Crystal-3, January 29, 2018

    0 votes
    3 answers
14. последний разделитель в меню

    Как убрать последний разделитель в меню, :not(:last-child) не подходит в моем случаю, так как стили прописаны не только для бордера( что-то ничего не приходит в мою светлую голову))

    Asked by miss.js, January 25, 2018

    0 votes
    2 answers
15. Начальная ширина мобильного дизайна

    Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти? Как правильно делать дизайн мобильной версии, с какой шириной?

    Asked by Alarr, June 19, 2017

    • мобильная версия
    • дизайн
    • mobile
    • design
    0 votes
    5 answers
16. при нажатине картинка станеть большой

    помогите сделать главный экран сайта как на этом andrewgavrilov.me что при нажатия картинка на которую нажали занял полный экран а другие исчезли посетите сайт чтоб увидить пж

    Asked by theamkh, January 26, 2018

    • картинка css анимация js
    0 votes
    1 answer
17. Непонятный контур на кнопке

    Не могу разобраться что за контур появляется на кнопке при нажатии. Можно ли его как-то убрать? Вот скрин с куском кода кнопки, хотя все кнопки так реагируют. Спасибо.

    Asked by alleclf, January 27, 2018

    0 votes
    8 answers
18. Разница в выполнении обработки узлов DOM между querySelectorAll и getElementsByClassName

    Добрый день! есть два примераhttps://jsfiddle.net/98y72o9x/ и https://jsfiddle.net/wgzq5e3o/ , которые, по сути, выполняют одно и тоже, но результат выполнения скрипта совершенно разный. Насколько я понял, при выполнении скрипта с динамическим объектом(getELementsByClassName) в коллекции второй и третий элементы списка меняются местами(по алфавиту выстраиваются, как мне показалось)... Но, как это играет на результате??? Та и подсчет кол-ва узлов с таким className чем отличается в обоих случаях???

    Asked by Super_Saimon, January 23, 2018

    • javascript
    0 votes
    3 answers
19. Адаптация или две разных версии

    День добрый, Ув. коллеги! Уже давно занимаюсь версткой, проходил кучу разных фреймворков сеток и т.д. Но иногда, после того как приходит дизайн десктопа и мобильных версий у меня волосы дыбом и отбивает желание этим заниматься. В этих макетах всё становится не логично, то что было в сайдбаре переносится в хедер, поиск в вебе был в хедере, а в мобиле он уже находится в открывающемся меню и т.д. Я понимаю что технически просто делается дубль элемента и открываются один из них в зависимости от устройства. Но смысл делать тогда в мобилу делать страницу где лежит куча лишних блоков, которые человек даже не увидит с телефона. То есть мы облегчаем страницы для устро…

    Asked by vladmih, January 25, 2018

    0 votes
    2 answers
20. Верстка шаблона

    Добрый день! Помогите с такой проблемой: Есть шаблон с общим фоном: Для понятности разметки поменял на другой цвет: Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном: Вот css: html{background-color:#5d1338;} body{background:url(../images/purple/bg.jpg) no-repeat top center;} a.read_more{background-color:#ff9694;} .button_divider{border-bottom:1px #6a2146 solid; border-top:1px #6a2146 solid;} a{color:#ff9694;} h1 span, h2 span, h3 span, h4 span, h1 strong, h2 strong, h3 strong, h4 strong{color:#ff9694;} ul#main_menu li a.selected {…

    Asked by Dizred, December 21, 2017

    • bg
    • background
    0 votes
    21 answers
21. Навигация со скролом для мобильной версии сайта

    Здравствуйте! Подскажите, пожалуйста, как реализовать такую навигацию для мобильной версии (гамбургер делать не хочется): Заранее благодарен за помощь!

    Asked by volshebnyi, January 15, 2018

    0 votes
    13 answers
22. Подскажите как убрать это отображение на кнопке после нажатия

    Подскажите как убрать это отображены на кнопке после нажатия по кнопке ? Bootstrap

    Asked by evgeniy123, January 25, 2018

    • btn
    0 votes
    0 answers
23. Теоретический вопрос по работе с DOM-узлами

    Извиняюсь за столь примитивный вопрос, но не могу въехать в пару нюансов касательно выборки узла из дерева DOM. Вот наглядный пример: https://jsfiddle.net/36r52jkv/ Разбирал процесс выборки узлов по книге(Dzhon Dakket, JavaScript and JQuery, разработка и дизайн сайтов, 2017) и все понятно теоретически, та и на практике особых затруднений нет. Момент связан с работой выбранного узла. Как в примере, что я привел - меня смущает почему при замене текстового содержимого выбранного узла li у него пропал маркер, характерный для элемента списка. Как буд-то он перестал быть элементом списка... Извиняюсь еще раз за такой элементарный вопрос.

    Asked by Super_Saimon, January 25, 2018

    • js
    0 votes
    2 answers
24. Криво отображается блок на iphone 5

    Телефон скачет на другую строчку при разрешении 320 только на iphone 5 На других устройствах отображается нормально. Все что можно перепробовал все равно на ipone 5 телефон сьезжает вниз:

    Asked by daggi, January 22, 2018

    0 votes
    4 answers
25. Правльность рассположение тэгов в коде.

    Знаю, что существуют блочные тэги и строчные, какие ещё есть? Какие теги относятся к блочным, а какие к строчным? Вроде как для правильного оформления, строчные теги могут помещаться в блочные, блочные в блочные, а блочные в строчные помещаться не могут. Верно?

    Asked by Нуб, January 21, 2018

    0 votes
    1 answer