HTML Coding

29,542 questions in this forum

1. Выравнивание блока меню относительно кнопки вызова

   Доброго дня! Есть многоуровневое меню (картинка 1) Жму на кнопку Каталог - открывается блок с дополнительным содержимым. В этом содержимом есть подменю и под-под меню. Проблема тут такая часть содержимого из правого под-под меню не умещается на экране. Все потому, что блок с доп. содержимым относительно кнопки КАТАЛОГ открывается с выравниванием по левой своей части. Вот код в этом положении .cs-menu-container .dropdown, ul.type-category li .sub-cate { position: absolute; top: auto; left: 0; z-index: 1000; float: none; min-width: 230px; padding: 0; margin: 0; border: 1px solid #cccccc; border-top:2px solid #c04a62; background: #ff…

   Asked by Рома, April 22, 2018

   • меню
   • кнопка выравнивание
   0 votes
   2 answers
2. select обрезается буквы

   Добрый день. Помогите решить проблемку. В chrom и Opera <select> <option>100g</option> </select> у g обрезаeтся хвостик.

   Asked by Marina_dolya, April 22, 2018

   • select
   • option
   0 votes
   1 answer
3. Как создать три div со скошенными углами и фото

   2 й день мучаюсь не знаю как правильно подойти. В общем есть три фото. Их нужно разместить на сайте в ряд. Высота 800px, ширина 1200Px родителя. Но загвоздка в том что мне нужно их наскосок, как тут (background: linear-gradient( 135deg, #363430 35%, #FFF9ED 35%, #FFF9ED 65%, #000000 65%);) - только вместо цветов - фото. И при наведении на одно из фото - изменялся цвет+ можно поверх фото - текст написать, либо кнопку или ссылку. Надеюсь я ясно написал.

   Asked by lyman, April 20, 2018

   0 votes
   8 answers
4. Как обстоят дела с Ie8 сейчас ?

   Поддерживают ли сейчас ie8 или начинают с 9 ?

   Asked by Agony741, April 17, 2018

   0 votes
   0 answers
5. Есть отличие этого кода от pixelperfect ?

   body { background-image: url(../for-pixel-perfect.jpg); background-size: 1440px auto; background-repeat: no-repeat; background-position-x: center; } Как проверять верстку лучше, через плагин или просто прописав этот код, и есть ли в них отличие какое то ?

   Asked by Agony741, April 17, 2018

   0 votes
   2 answers
6. Проблема в разметки шапки

   имеется такая разметка шапки, черные полоски это центровщик , красный блок , и зеленый блок. Может ли кто подсказать как сделать такую разметку? чтобы зеленый блок прилип к красному и в тоже время был на весь экран(т.е с правой стороны выезжал за центровщик ) ?

   Asked by unreal, April 17, 2018

   • html
   • css
   0 votes
   1 answer
7. Не скрывается блок

   Задумка такая: форма выдвигается/задвигается за хедер. Но у меня когда она двигается она "проползает" сверху хедера. А по идее должна ползти под хедером, и ее не должно быть видно когда она ползет Попробовал решить это с помощью z-index - почему то не помогло Что делать?

   Asked by yaparoff, April 17, 2018

   • z-index
   0 votes
   0 answers
8. Задать время обновления для элемента страницы

   Добрый день. Необходимо что бы определенный элемент/ы страницы постоянно обновлялись. Нашел такой скрипт: <script> setTimeout(function(){ location.reload(); }, 50); </script> Вставляю в head, но обновляется вся страница. А как задать его для определенной таблицы или дива? Заранее спасибО!

   Asked by dron, April 16, 2018

   0 votes
   1 answer
9. Помогите с настройкой виджета на странице

   Как выставить виджет на странице в подвале,как задать ему нужное место. Он у меня стоит просто в центре...

   Asked by dmutro_962, April 16, 2018

   • виджет
   • разместить
   • для начинающих
   • помощь с сайтом
   0 votes
   0 answers
10. Как выбрать шрифт для сайта

    Помогите правильно выбрать шрифт (бесплатный), для сайта компании. На данный момент мои познания сводятся к тому, что есть платные и бесплатные шрифты, и они же еще не системные и системные, например arial. Системные шрифты можно использовать но нельзя подгружать, при этом есть риск что в системе юзера не окажется этого шрифта. Я пока вообще не совсем понимаю как происходит отображение шрифта на сайте.. К примеру я беру шрифт Roboto. Если он есть в системе у пользователя, значит все хорошо, все быстро работает. А если этого шрифта нет, мы можем сказать системе подгрузить его из гугл фонт, но при этом появится дополнительная нагрузка (так же мне непонятно сист…

    Asked by nazaru, April 16, 2018

    0 votes
    0 answers
11. Выравнивание по вертикали

    Необходимо выровнять блоки по вертикали. У меня верстка пока получается вот так http://skrinshoter.ru/s/160418/UDCfQwYu Подскажите, как это сделать? Верстка респонсив. Причем нужно чтобы и заголовки и цены тоже были на одном уровне Почему то на codepen это немного по другому выглядит. Но все равно нужно это как то выровнять

    Asked by yaparoff, April 16, 2018

    • выравнивание по вертикали
    0 votes
    7 answers
12. Блоки на одном уровне

    кнопки должны быть на одном уровне. http://skrinshoter.ru/s/160418/uh7JFP95?a Когда заголовок становиться больше по высоте - он смещает кнопку вниз. Как этого избежать?

    Asked by yaparoff, April 16, 2018

    • вертикальное выравнивание
    0 votes
    6 answers
13. Помогите решить проблему

    Есть у меня значит полоска с меню и лого h-line и блок description(We love foinni polapain...). Решил добавить h-line position: fixed и получилась такая вот картина. Задал верхний отступ от descripton, в итоге header уехал вместе с description. Подскажите как это можно исправить? Код тут

    Asked by no__name, April 14, 2018

    • header
    0 votes
    2 answers
14. Натяжка на wordpress

    Привет, сделал 2 страницы на html и нужно на вордпресс натянуть. Я более менее перенес все в php. Но есть пару вопросов 1) у меня есть a href, при клике на которые должно перейти на вторую страницу, но выдает ошибку почему то The requested URL was not found on this server. The link on the referring page seems to be wrong or outdated. Please inform the author of that page about the error. (директория в href задана на файл index2.php, то есть a href="index2.php"> ) 2) с футером хедером понятно, но остается основной контент, я его перенес в content.php и в indexe сделал через get_template_part, верно ли это?

    Asked by exoty, April 14, 2018

    0 votes
    2 answers
15. Как правильно верстать? (много вопросов по пунктам внутри)

    Господа, требуется ваша помощь! Я просто запутался, голова идет кругом! Суть проблемы такова, я посмотрел уже достаточно много курсов и до сих пор не могу понять как правильно верстать! Вроде неплохо знаю теорию, различные инструменты, пишу на js небольшие приложения, но вот основы верстки никак не могу понять! Саму базу. В принципе, я могу взять любой макет и сверстать по нему сайт, но разве какой-нибудь margin-top: -3px и right: 7px являются правильным подходом? Это ведь говнокод! Но зато я сделаю как на макете. Но ведь так верстать полюбому неправильно! Я не могу понять именно как ПРАВИЛЬНО верстать! Попробую структурировать вопросы: 1. С чего начинается …

    Asked by connecticum, April 11, 2018

    • верстка
    0 votes
    3 answers
16. Удаляйте

    Удаляйте

    Asked by doonay, April 13, 2018

    0 votes
    2 answers
17. Респонсив верстка. Изображения

    Верстаю респонсив. В макете есть вот такой блок Дело в том что при разной ширине экрана действительная высота блоков меняется. На некоторых экранах это выглядит вот так: Т.е. появляется разрыв между верхним и нижним блоком изображений. Как от этого избавиться? Вот здесь сама верстка:

    Asked by yaparoff, April 13, 2018

    • изображения
    • респонсив верстка
    0 votes
    3 answers
18. код Отправка Формы Информации

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

    Asked by Алексей8888, April 13, 2018

    • html
    • форма
    • информация
    • автоматически
    0 votes
    0 answers
19. Альтернатива legend в fieldset

    Добрый день! Имеется ли аналог помимо legend-а и fieldset для решения данной задачи?

    Asked by YurikMurik, April 10, 2018

    • legend
    • рамки
    • fieldset
    0 votes
    4 answers
20. Как сверстать данный макет

    Здравствуйте. Как лучше сверстать данный макет? Для кругов использовать border-radius, но тогда будет ведь проблема в старых браузерах? Как позиционировать круги и центральный блок со скругленными краями? Как сделать линии, соединяющие блоки?

    Asked by marchenkovby, April 12, 2018

    0 votes
    4 answers
21. Аттрибут title на мобильном

    Сделал отличный дизайн на бутстрапе. Почти все хорошо и на мобиле и на компьютере, но возникла серьнзная проблема — на мобилах не всплывают подсказки title. А это значимо — много сокращений и иконок. Особенно если это еще и ссылка. Если подсказки сделать на css, а на мобилах их отображать всегда как текст, то станет невозможно быстро воспринять информацию. Будет не информация, а одни подсказки расшифровки. Какие вообще есть подходы к этой проблеме. Пока вижу только один выход — собирать все подсказки/расшифровки по группам и выводить списком внизу страницы. Но опять же надо много чего лапатить и на ПХП и на js в ажаксе.

    Asked by Gwendolen, April 9, 2018

    • title
    • мобильный
    • смартфон
    0 votes
    7 answers
22. Какие способы верстки Вы используйте, и какие они бывают ?

    1. Начал задумываться, какие методы верстки существуют еще кроме тех что ниже перечислены ? Мне знакомы: - Таблицы (плохое решение для 2018 года я так понимаю) - Флоаты (я так понимаю для поддержки старых браузеров) - Флексы (только для современных браузеров) - Гриды (плохая поддержка браузерами) - Сетки (вроде bootstrap, foundation, применяются в реальных проектах, или только для прототипирования ?) Что еще есть ? 2. Какой есть порядок верстки, и какому из них придерживайтесь, почему ? Например я знаю: 1. Когда тупо верстаешь сверху вниз. 2. Сначала структуру страницы создаешь затем: a. либо сперва сетку, потом стили задаешь; b. либо…

    Asked by Agony741, April 11, 2018

    • верстка
    0 votes
    6 answers
23. Пропадают размеры для элементов.

    Здравствуйте уважаемые гуру. У меня такая проблема. Я написал сайт (заглушку). Пусть называется папка "Заглушка 1" Если я переменную папку в любое другое название, или просто переношу папку в другое место, то все размеры и местоположение элементов сбиваются. Хотя в файле index.hmtl ссылка указана следующем образом <link rel="stylesheet" href="css/style.css">. название "Заглушка 1" ни где вроде бы не фигурирует больше. Спасибо большое, если подскажете. Очень сильно поможете!

    Asked by Stan4egg, April 12, 2018

    • css
    • html
    0 votes
    0 answers
24. nouislider

    Привет, пока вообще не дружу с nouislider, https://jsfiddle.net/royxth58/1/ , вообще не понимаю что и как добавлять, чтобы получился слайдер, как на картинке, помогите, пожалуйста, благодарю заранее, левое значение должно меняться в соответствии с расположение ползунка, главное сам функционал

    Asked by exoty, April 12, 2018

    0 votes
    0 answers
25. Приоритет стилей при адаптивной верстке

    Добрый день! Возникла проблема: при просмотре сайта на экране с разрешением меньше стандартного (стандартным принят размер 1200px) временами происходит дергание блоков. Причина - использование стилей. При разрешении экрана от 1200 px и более используются стили styles.css при разрешении экрана менее 1200 px применяются стили @media.css. Получается, что на маленьких экранах при обновлении страницы или при клике по пункту меню вначале происходит загрузка стилей styles.css и лишь за тем @media.css, в итоге, происходит небольшое подергивание блоков. Как можно решить эту проблему? Styles.css - набор стилей по умолчанию, для стандартных экранов. …

    Asked by 19Dmitry19, April 11, 2018

    • html
    • css
    • bootstrap
    0 votes
    2 answers