HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
картинку отобразил в бекграунде дива
Всем привет, Мне нужно поверх картинки отобразить другую маленькую картинку и для этого я большую картинку отобразил в бекграунде дива ref 1) это работает но за исключением того что картинки имеют разный размер и хотелось бы сделать каккой-то бекграунд для всей ячейки что обычно и делается с помощью картинки бекграунда но сложно так как картинка и отображется в бекграунде Можно как-то извернуться ? 2) И почему картинка не центрируется? Я прописал align-content: center; alignment: center; для классов image-wrapper и .back-img? Спасибо !
0 votes3 answers -
Проблема с фонами
Доброе время суток! Такая проблема надо сделать чтобы полоска фона фильтра и полоска сортировать встречались и расходились до конца экрана не могу сообразить как сделать. Скриншот прилагаю http://clip2net.com/s/3BDrOhF .
0 votes1 answer -
Что выбрать веб или mobile (мой случай)?
На данный момент неплохо разбираюсь в вебе. Знаю html, css, php, mysql, javascript, jquery. Могу сделать интернет магазин, статейный сайт, также похожий сайт на этот :-) Но мне также хотелось бы создавать приложения под Android, но для этого мне нужно учиться примерно 2-3 месяца + потом годы практики (я в вебе уже 3 года). Прошу, дайте дельный совет, что выбрать оставить веб и начать учить java + android ~ 6-10 мес или стать относительно профи в php и потом перейти на android? P.S. Приветствуются адекватный ответы, которые помогут новичку )
0 votes5 answers -
Связанные поля jQuery Validation Plugin
Есть некая форма которая валидируется при помощи этого плагина https://github.com/jzaefferer/jquery-validation В ней есть два поля email и телефон. Важно уточнение поле телефон вводится по маске и имеет тип "tel". Нужно сделать так, чтоб если набрано одно из них, то второе становилось необязательным для валидации (required: false), а это набранное поле валидировалось согласно своим правилам. Сама форма вот https://jsfiddle.net/1h34vy1r/
0 votes5 answers -
Добавление ссылки на canvas
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> </head> <body> <script> var canvas, ctx; function main() { canvas = document.createElement("canvas"); ctx = canvas.getContext("2d"); document.body.appendChild(canvas); canvas.style.background = '#BAE1EC'; } main(); </script> </body> </html> Как добавить ссылку на этот canvas с помощью innerHTML?
0 votes0 answers -
оцените html сайт
Cоздала сайт на html , где рассказывается про canvas с объяснением, на конкретных программах. http://www.animacanvaszdorove.ru/
0 votes3 answers -
Письма с mail.r, list.ru... не приходят, новые правила?!
Всем доброго дня! Может кто уже встречался с такой проблемой, майл.ру ввел новые стандарты антиспама, в связи с чем, письма созданные на сайте в форме обратной связи не приходят даже в папку СПАМ! Приходится заходит на сервер в спец. почтовый ящик. Как-то можно исправить в самой форме теги или еще что? Буду благодарен за помощь! Ссылка на страничку с формой.
0 votes9 answers -
Не получается со слайдером
Доброе время суток! Не могу понять почему не работает помогите разобраться в коде. Скриншот того что должно получится http://clip2net.com/s/3BzTwIW HTML: <div class="container"> <input type="submit" name="slides" id="btn-4" value="Доставка" checked> <input type="submit" name="slides" id="btn-5" value="Гарантия"> <input type="submit" name="slides" id="btn-6" value="Кредит"> <div class="site-wrapper2"> <div class="text-content clearfix" id="slide4"> <h2>Доставка</h2> <img src="img/delivery.png" alt="Доставщик"> <p>Мы с уд…
0 votes1 answer -
Как создать кнопку с помощью ::before
Доброе время суток! Такая проблема не могу сообразить как создать кнопку с помощью::before. Скриншот прилагаю http://clip2net.com/s/3BzTltY
0 votes3 answers -
список определений с классом
Всем привет, Используя список определений с указанием размера хедера в классе будет ли это равноценно по правилам HTML5 и SEO ? Иными словами равноценны ли записи <dt class="h3 ">TEXT</dt> и <h3>TEXT</h3> ?
0 votes2 answers -
Проблема с резиновой вёрсткой!!!
Доброго времени суток. Очень надеюсь на вашу помощь! Сразу даю ссылку на код https://jsfiddle.net/Lavrentyev/f5ygLoxp/5/#&togetherjs=L9Tx3aRbGa Проблема в том, что мне нужна резиновая шапка. Чтобы блок с выбором языка и кнопка входа при уменьшении экрана ехали влево, но при этом сама шапка не обрезалась. Когда я ставлю шапке min-width: 1280px то шапка не обрезается но и блок с выбором языка и кнопка входа остаются на месте (http://joxi.ru/52ayglEIdaYQ20), а если ставлю шапке width: 100% блоки едут как надо, но шапка понятно обрезается по ширине экрана. (http://joxi.ru/5mdogq5HZOd5r1) Не могу разобраться с этим. Помогите, пожалуйста. Немного разобр…
0 votes0 answers -
Настройка шаблона
Добрый день! Хочу сделать сайт, понравился шаблон. Я новичок в этом деле и у меня сразу возникли сложности. Вот что у меня получилось (результат). Рылся в коде, так и не разобрался как сделать что бы все заработало. Подскажите в каком направлении мне двигаться. Может у кого-нибудь была похожая проблема? Заранее спасибо.
0 votes0 answers -
Убрать отступы в div
Здравствуйте. При создании "Хэдера" очень долго не могу найти Как сделать линию от начала экрана и до конца. В стилях приписано следующее Spoiler body {margin:0;} .head { margin: 0; width:100vw; height: auto; border: 0.8px solid black; border-top: none; border-right:none; border-left:none; } При увеличении width до 105%, и скрытии overflow-x, проблема решается для компьютеров (за исключением немного сдвинутого текста), но в данном случае при просмотре сайта с телефона он просто уменьшает размер страницы. Строкой body{margin:0} удалось убрать отс…
0 votes1 answer -
Сайт для продажи билетов на концерт
Подскажите, надо сделать сайт для ОДНОГО концерта. Проблема с выбором мест и отсылом на ASSIST. Может есть шаблоны, хочется сделать его без движков. Заранее спасибо.
0 votes3 answers -
Правильное оформление меню в тегах <nav> и <ul>
Добрый день. Всегда верстал меню так: <nav> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> </nav> Потом полазил по разным сайтам и заметил, что почти все делают такую структуру: <nav> <ul> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> </ul> </nav> Даже здесь, на вашем форуме, меню оформлено в маркированном списке. Почему? Зачем писать больше лишнего кода? Тег <nav> уже подразумевает, что…
0 votes1 answer -
Требуется создание логотипа
Всем доброго времени суток ! Требуется логотип для мастерской по ремонту мобильных, планшетов и ноутов. Есть рабочее название "СОВРЕМЕННЫЙ СЕРВИС". Данный логотип будет использоваться на аватарке в ВК (то есть нужно выдержать размерность их авы), возможно на визитках, на будущем сайте и баннерной рекламе. Название следует расценивать как заглавие с продолжением. К примеру на вывеске большие и мощные СОВРЕМЕННЫЙ СЕРВИС по ремонту мобильных телефонов, модемов.... То есть в задумке само название должно нести и товарный знак. Но это неокончательный вариант в случае когда есть более интересное название (основное требование оно должно быть доступным для понимания любому возр…
0 votes0 answers -
Отображение шрифтов в IE
Здравствуйте. Есть сайт http://oxika.ru/ Во всех браузерах выглядит нормально, но в IE (во всех версиях) шрифты выглядят толще и меню сливается. Как быть? Пытаться прописать стили только для ие? Шрифты - конвертировал ttf.
0 votes5 answers -
Выравнивание меню
https://jsfiddle.net/konstantinskiy/3unbLjwk/1/ Есть вот такой пример меню, нужно сделать чтобы стрелочка была прижата к тексту справа, а не к диву с правой стороны. Как это сделать?
0 votes1 answer -
Задать правильную структуру html
Прохожу онлайн курс от htmlacademy в одном из испытаний было задание сделать сетку по приложенному примеру. Для этого я использовал много блоков с классом .wrap структура вышла не очень привлекательной и не логичной. Можете написать лучшую html структуру (с классами) для этой задачи, где фон некоторых разделов на всю ширину экрана, а контент центрируется или подскажите статью в которой это описано.
0 votes6 answers -
Нужен совет как сверстать такое
Здравствуйте! Есть картинка, нужен совет по верстке. С хедером и футером и иконками проблем нет. Как сделать контент: слева и справа думаю как табы, (справа картинки с кратким описанием это кнопки табов, слева контент таба который меняется при клике),у видео также при клике менять SRC (Использовать плагин или тег <video>, ролики скачать или подключать с ютуба), или может я вообще не в ту сторону мыслю и все это делается иначе? Спасибо!
0 votes0 answers -
Нужно выделить основной контент при выделении пункта меню.
Очень нужна помощь! !! Верстка почти закончена за исключением одной детали, которая портит всю "малину". Не знаю как сделать чтобы при нажатии на пункт меню выделялся также и основной блок с контентом относящийся к пункту меню. Прилагаю ссылку на скриншот. http://itmages.ru/image/view/4756644/ed59c9f0
0 votes3 answers -
"Помехи" на бегущей строке-картинке
Здравствуйте, ребята. Подскажите, почему выходят помехи на бегущей строке. Проблема именно в Интернет Эксплорер, в других браузерах все нормально. Скрин прилагаю. Буду рад любой подсказке. Спасибо.
0 votes0 answers -
Прикленный к нижней границе окна футер остается на месте при скроллинге
Приветствую. Помоги пожалуйста разобраться со следующей проблемой. Есть страничка с центральным позиционированием div размером 980px. Внизу поставил div по ширине окна, "приклеил его" к нижнему краю браузера, по методике, описанной на многих ресурсах. Но есть проблема. При скроллинге, как "прикленный" футер первоначально встал, так он и скроллится, одновременно с содержимым. Причем если потянуть за нижний край окна, футер стоит у нижнего края постоянно. Как сделать так, чтобы футер "приклеился" к нижнему краю окна и оставался там, при скроллинге? Если, по каким-то причинам это невозможно, как сделать этот же div, по всей ширине окна, но чтобы он встал…
0 votes8 answers -
Проблема с позиционированием блока относительно родителья
Всем привет. При верстке возникла проблема. В header е есть ссылка при ховере на котором появляется выпадашка. У ссылки и выпадашки есть блок-родитель. Выпадашка отпозиционирован absolute ом относительно родителя. Внутри выпашдашки 3 пункта. В каждом пункте-ссылке есть теги i и spam для FA иконки и текста. Проблема в том, что при позиционирование блока смещением на право, после left: 154px текст автоматически переноситься на следующую строку. Вот фиддл. Никак не могу отловить в чем моя ошибка и как решить его. Спасибо заранее!
0 votes5 answers -
Склеить два элемента
Помогите советом. Как склеить два элемента? код нижнего: .underhead { background: #ededed; padding: 35px 0 22px 50px; } .underhead li { float: left; padding: 12px 0 12px 90px; } .underhead h3 { font-size: 15px; color: #575757; } .underhead:auto { content: ''; display: table; clear: both; } Скриншот приложил. Заранее спасибо
0 votes2 answers