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. Универсальные списки ошибка 'bitrix:lists.element.edit' is not a component

    Здраствуйте,работаю в муниципальном учреждении.Достался сайт по наследству,сам с сайтами никогда не работал.Все было хорошо,но в один момент при добавлении документов в универсальные списки начал выдавать ошибку 'bitrix:lists.element.edit' is not a component

    Asked by Gffice,

    0 votes
    0 answers

  2. Не работает обратная связь

    Добрый день, уважаемые форумчане. Я новичок, запустил свой сайт (скачал понравившийся и при помощи какой то матери переделал его под себя). Перестала работать форма обратной связи, просидел 2 дня, и понял, что с моими мозгами я не смогу это сделать. Помогите пожалуйста мне исправить эту ошибку. Спасибо

    Asked by Edmaynert,

    0 votes
    1 answer

  3. Почему не обновляется экран при отладке через смартфон?

    Здравствуйте! Когда я подключаю свой телефон на андроид 4+Хром к компу, чтобы посмотреть его глазами на какой-то сайт и отладить что-то при необходимости, то почему-то при прокрутке страницы вверх или вниз исчезает изображение в импровизированном экране телефона(там я поставил знак вопроса): Если мышку переместить на DOM справа, то изображение появляется и держится до момента новой прокрутки страницы вверх или вниз. Это как-то можно исправить, чтобы не бегать мышкой на DOM?

    Asked by borus,

    0 votes
    0 answers

  4. Как сжать изображения

    Проверял сайт сервисом от гугла - PageSpeed Insights. Он мне пишет: Дальше список картинок, причем каждую можно сжать на 70-80%. Изначально картинки обрабатывались программой ACDSee. В этой же программе не получается уменьшить вес картинок - качество существенно ухудшается. Посоветуйте, какой программой попробовать ужать вес без потери качества. Кстати, Фотошоп тоже качество режет - на глаз видно.

    Asked by alleclf,

    0 votes
    1 answer

  5. Неправильное изображение в before

    Здравствуйте. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 12px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { display: inline-block; } …

    Asked by ErUnDAK,

    0 votes
    2 answers

  6. блок div смещается вниз при заполнении соседнего div`a

    Доброго времени суток, форумчане. Пытаюсь сделать 3 div`a в ряд, вроде всё хорошо, но когда начинаю заполнять один из них текстом, то 2 остальных смещаются вниз на одну строку (скрин прилагается). Так же, еще одна проблема. Ткните носом, что почитать, чтобы разобраться с размещением элементов на странице. Какие конкретно параметры за это отвечают? Мне нужно сделать меню поверх картинки, но у меня получается, что меню внизу картинки (хотя всё в одном div`e). Заранее спасибо HTML: Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="windows-1251"> <title>Скотч с логотипом от производителя.</title> <li…

    Asked by DarkEnot,

    0 votes
    8 answers

  7. Почему не скроллится страница?

    Здравствуйте! Столкнулся с тем, что страницы сайта не скроллятся колёсиком мышки вверх-вниз. Как понять, от чего это?

    Asked by borus,

    0 votes
    1 answer

  8. Размещение меню поверх картинки.

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

    Asked by DarkEnot,

    0 votes
    12 answers

  9. flexbox в safari

    Пожалуйста, у кого есть мак и недоразумение, которое там считается браузером сайт http://w2.andy-projects.ru/ Заказчик жалуется, что у него первые 2 столбца в футере ниже. Под винду сафари нет, вроде бы испробовал все, что можно, но не могу исправить, если вижу только скрины

    Asked by Vlad_P,

    0 votes
    9 answers

  10. Позиционирование relative->absolute

    Позиционирование подпункта задан относительно родителя. Свойство "left" подпункта задан 100%-ная ширина родителья, но свойство меняется относительно главного окна браузера. Также ведет себя и свойство "top" . В чём ошибка? Вот ссылка https://jsfiddle.net/ttoliboff/kbb6rybz/

    Asked by toliboff,

    0 votes
    1 answer

  11. Добавление картинок

    всем привет! подскажите пожалуйста, мне нужно добавить много картинок(штук 200+/-) на сайт, может есть способ добавить все сразу а не по одной? такой план: http://htmlbook.ru/faq/kak-razmestit-neskolko-kartinok-ryadom-po-gorizontali только в разы больше фоток.

    Asked by zeni4,

    0 votes
    2 answers

  12. Почему на инпут не действует псевдоЭлеммент?

    афтер не работает https://jsfiddle.net/1ygc5Lkb/

    Asked by aqua.77,

    0 votes
    3 answers

  13. Bootstrap расположение блоков

    <div class="row"> <div class="col-lg-4 col-md-4 ">1</div> <div class="col-lg-8 col-md-8 ">2</div> </div> интересует вопрос при разрешении экрана sm блок 1 стал на место блока 2 и расположились друг другом горизонтально ——————————— 1 ———————————2 а нужно ———————————————————--2 ———————————————————--1 помогите

    Asked by sergo1976,

    0 votes
    1 answer

  14. В чем причина чудовищно долгой загрузкой лендинга?

    Здравствуйте! Только что закончил работу над лендингом и перешел к его оптимизации. Перед этим решил его проверить с помощью сервиса Pingdom: https://tools.pingdom.com Показатели следующие: Performance grade: 97 Page size: 3.5 MB Requests: 93 Load time: 60 СЕКУНД! Голова трещит, что переспелый арбуз, не могу понять, в чем причина столь долгой загрузки? Буду искренне благодарен за экспертное мнение. Адрес лендинга: https://hutor.kh.ua/ P.S. Проверял этим сервисом сторонние лендинги, с весом и обращениями в 2-3 раза превышающие мои. Скорость загрузки у них всего несколько секунд.

    Asked by VladGridasov,

    0 votes
    5 answers

  15. Как поменять блоки разных родителей местами?

    Можно ли при такой структуре поменять местами при маленьких экранах блоки c текстом 2 и 3? <container> <div class="row"> <div class="col-xs-12 col-md-12"> <div>1</div> <div>3</div> </div> <div class="col-xs-12 col-md-12"> <div>2</div> <div>4</div> </div> </div> </container> т. е. сперва идёт обычный порядок 1 3 2 4, а при размере col-xs-12 меняется на 1 2 3 4

    Asked by aqua.77,

    0 votes
    4 answers

  16. как выбрать "остальные" элементы массива?

    Здравствуйте, такой вопрос... если не сложно, подскажите. Есть у меня массив неких элементов с классом .nav-item. Клик по одному из этих элементов element.onclick = function() ... в которой я делаю проверку на наличие класса у дочернего элемента. this.firstElementChild.contains('class') и если у элемента, на который я нажал этот класс есть, то у остальных элементов данного массива этот класс надо убрать, т.е. как радио кнопка, должен быть только один активный элемент.. как эти вот "остальные элементы массива" выбрать? Как написать что у остальных элементов данный classList.remove('class')? Подскажите пожалуйста, как такое вообще организовывается...

    Asked by sergei8550,

    0 votes
    1 answer

  17. Переход Да или Нет

    Надо чтоб отображалось слово Автомобили, нажимаешь на Нет или Да, и появлялось дальше по дереву Помогите реализовать 1 уровень

    Asked by khomchenko,

    0 votes
    0 answers

  18. А как бы сверстали вы? Занимательный вопрос.

    Всем привет! Наткнулся на такой макет https://mega.nz/#!5XYwxYrK!CKPEpk5YklPP-_QThH67BoTQLVQfDvzt1cmVoO9hFRo На картинке проблемные элементы выделены синими стрелками: - листы с загнутыми уголками и тенями (Блоки с заголовками Documents и Photos) - иконки планшетов с тенями - линия разрыва (если так понятно о чем я) - иконки ноутбука с тенями Можно сверстать так: загнутые листы и иконки блоков docs и photos наверное можно в одну png сохранить. можно разбить на два файла. Планшеты(ноут) и тени сделать отдельными картинками. Т.е. тень будет фоном у компа и ноутов. Планшеты и ноут в SVG. Но больше всего интересна…

    Asked by Schamil74,

    0 votes
    2 answers

  19. При нажатии на кнопку "Заказать" товар физически "улетает" в корзину

    Здравствуйте! Вот на этом сайте доставки пиццы - http://dominos.ua/ru/ реализовано следующее: при нажатии на кнопку "Заказать" пицца "улетает" в корзину (в верхней части сайта). Подскажите, пожалуйста, куда копать (на чем сделано, может быть это готовая библиотека) чтобы реализовать данный функционал? Заранее благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    3 answers

  20. Пропадает изображение в слайдере при масштабировании

    Доброго времени суток. Столкнулся с проблемой: Есть некий сайт, пстроен на ModxRevo. На главной есть слайдер, реализован с помощью Flexslider. При горизонтальном масштабировании(изменении размеров окна браузера) катринка исчезает Вызов слайдера: <div class="row"> <div class="col-sm-3">[[$sidenav]]</div> <div class="col-sm-9 hidden-sm">[[$slider?set=`set1`]]</div> </div> Чанк слайдера: <!--========== SLIDER ==========--> <div class="flexslider"> <ul class="slides"> [[parseMIGXToGallery? &tpl=`images.gallery.tpl` &i…

    Asked by f4rr3ll90,

    0 votes
    1 answer

  21. проблемы с айфон

    И снова у меня проблемы с продукцией великого бренда огрызка http://verstka.webjon.ru/ там, где каталог продукции, ниже баннеров. на айфоне (ну и других апплах) наблюдается http://joxi.ru/vn2YRynULKjoA6 подобный косяк. Я уже все попробовал (если где странные и ненужные стили не удивляйтесь). Я реально не понимаю, как при указанной высоте один абзац оказывается меньше другого. я даже высоту картинок выровнял... Ну и просто, скажите аппл, он кроме поднятия ЧСВ вообще имеет достоинства?

    Asked by Vlad_P,

    0 votes
    0 answers

  22. Надо меню сайта сдвинуть влево

    Надо меню сайта сдвинуть влево В броузере Ffirefox меню выглядит корректно , в Chrome расположено по центру. Почему оно в Chrome там оказалось не пойму, было раньше расположено слева. Подзабыл, год не занимался версткой. Сам допру, но хочется побыстрей. Решил контент освежить. сайт http://nakhodka.h1n.ru/

    Asked by Alex_,

    0 votes
    2 answers

  23. Position:absolute

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

    Asked by brezze,

    0 votes
    6 answers

  24. Не работает слайдер slick в IE 9

    Здравствуйте. помогите, не работает слайдер slick в IE 9. Все картинки, которые в нем расположены, становятся вертикально, друг под другом. Может есть какое-то решение или настройки?

    Asked by Svetlana111,

    0 votes
    11 answers

  25. Border из кругов

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

    Asked by advokatua,

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