HTML Coding

29,542 questions in this forum

1. ul li бутерброд без js

   Добрый день. Подскажите пожалуйста как реализовать аккуратное бутерброд-меню (ul li) без дополнительных подразделов и главное без js.

   Asked by Ubhra, October 9, 2017

   0 votes
   7 answers
2. Какой тег использовать вместо <centr>, <br>?

   Не судите строго, создаю блог сама и разбираюсь во всём сама. Нужно в WorldPress проставить кнопки социальных сетей, делаю это с помощью скрипта, полученного от Pulso. Скрипт вписала в админке в страницу "отдельная запись", получилось, но его нужно отцентровать, сделать отступы от контента. Нашла что это делается с помощью тегов <centr> и <br>, получилось, но в сети пишут что эти теги устаревшие и их использовать не рекомендуется. Что использовать вместо них? Или в данном случае их использование допускается? Можно ли данный скрипт использовать дважды - в начале контента и в конце одновременно? Можно ли в скрипте Pulso добавить что-то, чтобы помимо …

   Asked by Ира, October 9, 2017

   0 votes
   2 answers
3. Совет про центрирование блока в блоке/изображения в блоке

   Добрый день! Подскажите каким способом правильней будет отцентрировать изображение(лого сайта) в header - e. Более конкретнее меня интересуют: центрировать сам блок-родитель с изображением, или само изображение? И если само изображение - пользоваться свойствами position и margin? Flex не предлагать. Хочу без него разобраться. В нем все просто на этот счет.

   Asked by Super_Saimon, October 9, 2017

   • html
   • css
   • позиционирование
   0 votes
   7 answers
4. Вставить код баннера между комментариями

   Всем привет! Подскажите, как правильно вставить код рекламного баннера Google или Яндекс Директ между комментариями на WordPress. Необходимо, чтобы баннер выводился через 5 комментариев.

   Asked by IgoreL, October 9, 2017

   0 votes
   0 answers
5. Проблема верстки

   Такая проблема. Есть 4 картинки. Они должны быть позиционированы по центру, возле первой картинки слева есть текст, возле второй картинки текст справа. возле третей текст слева, возле четвертой справа. Я уже замучался, не могу понять как это сделать....Буду рад помощи. :0074:

   Asked by XopicT, October 6, 2017

   0 votes
   16 answers
6. Border из кругов

   Есть в макете вот такой border из кружков с закругленными углами соответственно нужны идеи как по-умному его можно сверстать. Желательно конечно чтобы граница имела возможность растягиваться по высоте или ширине, ибо в противном случае все сводится к банальному background-image, очевидно. Пробовал маски и svg, но все как-то не очень удачно.

   Asked by advokatua, May 4, 2017

   • css
   0 votes
   10 answers
7. Фреймворки за/против

   Привет! Хочу совета от опытных ребят. Начал учить Bootstrap, а в нем встроен адаптив, которому я на чистом CSS еще не научился. Стоит ли прежде набить шишки на адаптиве на чистом CSS и только после прыгать на фреймворк? Если стоит, то с каким позиционированием будет сложнее адаптировать(float/position/flex)? И, после того, стоит ли выучить основу Bootstrap 3 перед изучением 4 версии?

   Asked by Arkady Rakovsky, September 22, 2017

   • html bootstrap web
   0 votes
   11 answers
8. Галерея с разными высотами картинок

   Подскажите пожалуйста, как можно решить такую проблемы, нужно сверстать галерею. но высота картинок разная и блоки не прилипают к верху (мал пример https://jsfiddle.net/fxqy7pgr/1/) , как добиться такого успеха чтобы блоки картинки прилипали к верху?чтобы добиться вот такого результата

   Asked by olegN, October 6, 2017

   0 votes
   2 answers
9. tabs в owl-carousel 2

   Подскажите пожалуйста. Проблема в том что в owl-carousel 2 не работают табы. Задача состоится в том что нужно сверстать слайдер, в слайдере сверстать табы. табы сами по себе рабочие, если вынести разметку(табов) за пределы слайдера то все работает, но если в слайдере табы перестают работать ? мб сталкивался кто то с такой проблемой ?

   Asked by olegN, October 4, 2017

   • tabs
   • табы
   • слайдер
   • owl-carousel
   0 votes
   7 answers
10. Вызов функции в другой функции.

    Добрый день! Разбираюсь с функциями(как уже понятно из темы). С мелкими для азов. И, балуясь(разбираясь для себя) с различными вариациями, наткнулся на результат, несоответствующий ожиданиям. Собственно, сам код: https://ideone.com/p1bCV1 Я проверял все в отладчике Chrome. Собственно, мне не важны особо действия, совершаемые на переменными в обоих функциях. Не пойму почему вызове alert всегда выдает Undefined или его значение NaN. Разве я не могу через присвоение функции переменной присвоить результат ее выполнения? Или тут вся загвоздка что я не передаю параметры в функции?

    Asked by Super_Saimon, October 6, 2017

    • javascript
    • работа с функциями
    0 votes
    4 answers
11. Стили для ссылок

    Добрый день. Почему не подтягиваются стили для ссылок? <div class="nav"> <a href="#">1</a> <a href="#">2</a> </div> .nav a{ color=orange; } .nav a:visited{ color=orange; } .nav a:active{ color=orange; }

    Asked by Ubhra, October 6, 2017

    0 votes
    2 answers
12. Странная работа JS

    Доброго времени суток, форумчане! Столкнулся со следующей проблемой, а скорее вопросом к опытным разработчикам. Сам вопрос в том, что я не могу понять почему так работает: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var body = document.body; var main = document.getElementsByTagName("main")[0]; main.innerHTML += "Hello"; body.innerHTML += "World!"; </script> </body> </html> А так нет: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var b…

    Asked by TANDEROID, October 6, 2017

    • js
    • innerhtml
    0 votes
    4 answers
13. Отступы margin у <menu>

    Добрый день. Тег <menu> создает отступы у блока в котором находится. Почему это происходит и правильно ли будет убирать их так? menu{ margin:0; }

    Asked by Ubhra, October 6, 2017

    0 votes
    3 answers
14. Необычная фигура, как сделать?

    Ребят, есть у кого идеи как сделать вот такое чудо ? Проблема в том, что нижний левый хвост, должен быть адаптивным. И растягиваться в лево на больших разрешениях до конца. Есть идея сделать вектор, но опять же, не могу додуматься, как сделать нижий левый угод адаптивным под большие мониторы ?

    Asked by brezze, October 5, 2017

    0 votes
    4 answers
15. Баг в хром 61 версии. Inline-block

    При дефолтном шрифте в 16 px, между блоками inline-block 4px отступа. Имеем такую верстку: Результат в хром версии 61: Отступа между псевдоэлементов before - inline-block который у нас в ширину в 1px и и первым блоком нету, но отступ должен быть! но если в хроме, в панели разработчиков, в DOM, у псевдоэлемента before выключить display: inline-block и включить, то станет нормально отображаться, попробуйте) пример: а вдругих браузерах сразу корректно отобразится что думаете на сей счет ? такой косяк с отступом проявляется только с псевдоэлементом inline-block и только в хром с большущим подозрением…

    Asked by SnowSilver, October 5, 2017

    • bug
    • inline-block
    0 votes
    10 answers
16. Строка съезжает вправо и переносится

    Здравствуйте. После добавления скрипта для локализации сайта, некоторые элементы посходили с ума. В английской версии строки съезжает вправо и переносится. в русской версии текст из нижнего блока наезжает на текст из верхнего блока. Помогите пожалуйста. https://jsfiddle.net/Lqs94Lfq/#&togetherjs=MdGyCfhKaq Скрытый текст

    Asked by DcMatatov, October 3, 2017

    0 votes
    2 answers
17. Проблема с таблицей в мобильной версии сайта

    Добрый день! Прошу помощи у специалистов. В мобильной версии сайта, таблица с ценами http://salon-fkt.ru/kosmetologiya съезжает и отображается некорректно. Сайт на Джумла, шаблон.

    Asked by marischka, October 5, 2017

    • таблица
    0 votes
    1 answer
18. Передёргивание страницы на чекинг радио инпут

    1) "Стар рейтинг" работает как задумано, только страница перёдёргивается. Решение вопроса через preventDefault() const labels = document.querySelectorAll('label'); function noDefault(e){ e.preventDefault(); }; labels.forEach(x => x.addEventListener('click', noDefault)); несостоятельно, т как инпуты перестают переключаться на "чекед". 2) Связанный с этим второй вопрос второго примера. Страница не передёргивается, чекится как надо. Только не работает в ИЕ, т как он не прощает :before применительно <input>, который не является блочным элементом. Первому варианту предпочтение, но оба примера применяют псевдоэлементы. Если нет…

    Asked by seemax, October 4, 2017

    0 votes
    3 answers
19. Верстка сложных элементов

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

    Asked by Alexander_G, October 4, 2017

    0 votes
    4 answers
20. Как скрыть символы на конце?

    Поставил форму поиска, там почему-то на конце после названия выводятся () Т.е. <span>Название1 ()</span> <span>Название2 ()</span> Можно ли как-то стилями скрыть все скобки в спанах, либо последние 3 символа? Если нет, то может как-то можно квадратиком фоновым на передний план поместить?

    Asked by nikki4, October 3, 2017

    0 votes
    7 answers
21. Актуальность изучения определенных разделов в JavaScript

    Добрый день! Вопрос (отчасти от лени, отчасти от интереса) опытным разрабам - доводилось ли использовать в реальных проектах побитовые операторы или сдвиги? Я, просто, работаю на данный момент на архаичном языке программирования, Delphi, чуточку знаком с Java, PHP и мне еще ни разу не пришлось столкнуться конкретно с этими операторами в "боевых условиях". Извините за столь глупый вопрос, но чисто из интереса не выдержал)

    Asked by Super_Saimon, October 4, 2017

    • побитовые операторы
    • побитовые сдвиги
    0 votes
    2 answers
22. Как реализовать на JavaScript

    Есть модальное окно, есть видео на сайте, по окончанию просмотра видео нужно вывести модальное окно, только в том случае если просмотрели до конца .. Модалку умею делать, как логику такую к JS прикрутить? Видео с ютуба. К проекту подключен iframe__api

    Asked by Hasiev, October 3, 2017

    0 votes
    2 answers
23. Долгая загрузка страницы

    Люди, помогите пожалуйста с оптимизацией загрузки сайта. Дали заказ на верстку посадочной страницы , я только учусь верстать и знаю что код мой очень баговый но как говориться на ошибках и учатся я перелапатил весь интернет но толком никакой информации не нашел. Проблема в чем , сайт крупной строительной компании ,и у этих ребят ну очень много работ, все они предоставлены в картинках, их там наверное под тысячу , я все сделал но сайт очень долго теперь открывается и это не удивительно учитывая такое количество картинок , как мне так сделать что бы сайт открывался быстро ? я решил сделать прелоудер но это не выход конечно же . Помогите , вот ссылка на сайт http://makhovits…

    Asked by Makhovitskii, October 3, 2017

    • оптимизация
    • верстка
    • html
    • css
    0 votes
    1 answer
24. Как верстать из jpg?

    Сегодня получил первую работу на фрилансе, но, к сожалению пришлось отказаться .. Макет пришел в jpg формате, сказали что сайт должен выглядеть так в итоге, и "сверстать нужно на wordpress-е" и как я понял подключить плагин woocommerce . Хотелось бы узнать, как верстать с jpg формата, как узнать шрифты, взять изображения и т.д .. Попадались ли вам такие макеты? И еще, как натянуть готовую верстку на wordpress, возможно кто-то знает, где найти свежие уроки?

    Asked by Hasiev, October 3, 2017

    0 votes
    2 answers
25. Responsive CSS Grid Layout

    Голову ломаю уже несколько часов. Проблема с респонсивом для .portfolio-section .portfolio-item:nth-child. Без адаптива гриды норм работают, а когда медиа запрос идет, не работает. Ссылка на код(проект на SASS, лучше запускать через gulp, чтобы активировать SASS watcher) - https://cloud.mail.ru/public/Jsjw/vtaYeWHcD

    Asked by StarBurst_x, October 3, 2017

    • grid layout
    • responsive
    0 votes
    0 answers