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
29,542 questions in this forum
-
Верстка интернет-магазина
Здравствуйте, у меня есть пара вопросов относительно верстки интернет-магазина: Есть карточка товара (см. картинку): 1. Во многих магазинах переключатели фотографий сделаны ссылками, почему не радиокнопками? Есть какая-то разница, как делать? 2. Как лучше поступить с добавлением товара в корзину: сделать формой с кнопкой submit или можно в принципе и разными полями сделать, отдельными? Опять же, есть ли разница? От чего зависит? Спасибо.
0 votes1 answer -
Съезжает текст в таблице
Добрый вечер. Коллеги, нужна ваша помощь. Уже всю голову сломала, перечитала кучу статей и не могу понять в чем причина. Задача вот в чем - верстаю таблицу - самую обычную: в одном столбце текст, во втором изображение. И вот при сохранении текст почему-то располагается на другой строке как будто бы. В чем может быть причина? Вот как это выглядит на сайте: http://www.elbrustours.ru/excursions/Chegem_waterfalls.php А вот моя таблица: фото должно быть определенного размера. Причем я думала, что причина в фото. Вообще в идеале размер хотелось бы фото 280*210. Но ничего не выходит. Вроде бы простая таблица, а весь день бъюсь и не могу сделать(( ПО…
0 votes1 answer -
Выравнивание таблицы влево
Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой http://skrinshoter.ru/s/100818/0jkG6HkA Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало Что можно сделать? https://codepen.io/anon/pen/VBqBmw
0 votes1 answer -
Jade. Избавиться от дублирования кода
Есть код. Он дублируется. Как можно избавиться от этого дублирования в данном случае? .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell …
0 votes1 answer -
Прокрутка страницы к элементу
Здравствуйте. Есть простое на первый взгляд задание - нужно после перезагрузки страницы прокрутить ее к определенному блоку. В чем состоит проблема: вешаю на window обработчик onload, чтобы отследить загрузку изображений и страница получила свою высоту до всех мнипуляций, после чего вызываю скрипт прокрутки. Но существенная часть пользователей сайта из Украины, у которых из-за санкций не грузятся скрипты и счетчики яндекса, рамблера, вк и другие, установленные на сайте. В итоге, событие onload все еще ждет загрузки, и выполняется через минуту-две, как и скрипт для прокрутки. Перезагрузка страницы вызывается кодом location.reload() чаще всего в тот момент, когда …
0 votes1 answer -
Помогите выровнять текст в потоке float
https://codepen.io/romanmaksimov/pen/MBMGjo?editors=1100 Cмотрите тут моя работа . Подскажите пж как Departure сделать над временем (3:45am,Dec.15)?
0 votes1 answer -
CSS для ul.li. не влезает текст.
Есть страничка по адресу http://sale.srfhm.ru/css_bug/ В ней есть табличка сделанная на UL LI тегах, и вот в ячейке Описание, где выводится описание для типа питания не влезает весь текст и остальную часть не видно, скрывается стилем - overflow: hidden Пробовал убрать этот overflow, тогда вообще таблица вся разъезжается... В верстке не особо силен, подскажите пожалуйста где поправить что, чтобы текст нормально влез и весь отображался... Пробовал уже по всякому, всю голову сломал! Заранее огромное Спасибо!
0 votes1 answer -
Почему не работают padding по вертикали для inline?
https://jsfiddle.net/k8ucnm0s/2/ Если для тега "a" задать display: block; то вертикальные padding работают, а если display:inline то не работают. Почему? А горизонтальные padding работают полюбому?
0 votes1 answer -
Отправка заявки на почту
Выводится "Письмо отправлено" при попытки отправки заявки на почту на локальном сервере и на хостинге. Но сообщение не приходит на почту, как это можно исправить? Спам проверяла, там тоже письма нет. Помогите, пожалуйста
0 votes1 answer -
Стык декоративных полосок
https://ibb.co/fTNKL9 Здравствуйте, подскажите варианты реализации, на данный момент сделано псевдо элементами и при изменении разрешении разъезжается стык, как можно сделать что бы при любом разрешении стык был ровный.Прикрепляю весь сайт. Desktop.zip
0 votes1 answer -
Как поставить 3 блока в ряд
Делаю меню. должно получиться как на первой картинке. Фон белый, на нем слева изображение правее надписи. Получается надписи делать только ниже изображения, либо справа как и нужно, но тогда фон пропадает. Подскажите пожалуйста как делать. HTML: Скрытый текст <div class="top"> <div class="img"> <img src="monopo.jpg" width="100"/> </div> <div class="info"> Главная </div> <div class="info"> Контакты </div> </div> CSS: .top { background-color: #FFFFFF; padding: 10px; } .info { margin-left: 20%; font-size: 20px; }
0 votes1 answer -
Проблемы с фоном
При увеличении масштаба возникают проблемы с фоном помогите
0 votes1 answer -
Проблема в вставки картинки в html коде
Ребята, я попробовал скачать исходники(картинки) для сайта чтобы потренироваться в html css верстке. Скачал, картинки были в папке img(по дефолту), а когда пытаюсь вставить эту картинку на html страницу выдает значок, что мол этой картинки нет(ну вы поняли какой значок) и рядом пишет что было указано в alt="" пишу эти команды, все перепробовал <img src="./img/logo.png" alt="logo"> <img src="img/logo.png" alt="logo"> <img src="../img/logo.png" alt="logo"> ". Использовал Notepad++ Visual Studio Code Sublime везде один и тот же результат, если нужно будет скину весь html код( прошу заметить, что если я копирую в браузере(копировать URL КАРТИНКИ) все вста…
0 votes1 answer -
Редактирование тега <audio>
Здравствуйте,хотел бы попросить о вашей помощи.Я делаю сайт,связанный с музыкой.Как сделать,чтобы при включении второго аудио трека выключался предыдущий? Иначе они воспроизводятся все вместе.Заранее спасибо!
0 votes1 answer -
При уменьшении размера браузера и разрешении <=1024 пункты меню едут вниз
Адрес сайта: shoporus.ru , буду благодарен за помощь в решении данной задачи!
0 votes1 answer -
Изменение placeholder при вводе текста в поле
Как делаются такие эффекты, когда при вводе текста placeholder не исчезает, а уменьшается и перемещается в угол. Вот пример с placeholder (слово "email") сместилось при вводе почтового ящика.
0 votes1 answer -
Невозможность выровнять плагин / его код по центру
Здравствуйте! Пожалуйста, помогите решить мини-проблему. Установил на сайт плагин, отображающий рейтинг статьи в Google. Для работы плагина необходимо было вставить код плагина в single.php. Это я сделал. Шаблон выровненный по центру, после вставки кода в шаблон, плагин отображается смещенным вправо. Вопрос: как его выровнять? Прикреплю скриншот. Пожалуйста, помогите чайнику. Ломаю голову... ?
0 votes1 answer -
Блокирование счетчика JS
Добрый день! Есть сайт https://xstrongumbrella.com/ В нижней части страницы вставлен счётчик обратного отсчёта (псле фразы * Promotion ends in) Проблема в том, что на HTTP он работает, а на HTTPS нет Все ссылки на сайте (стили, скрипты, картинки) переделаны на https Прошу подсказать. Спасибо.
0 votes1 answer -
Как в herf добавить переменную?
Здравствуйте, помогите мне со вставкой переменной в herf. Вставляю ссылку на страницу пишет: Файл не найден Возможно, он был перемещён или удалён. В интернете очень мало информации по этому вопросу. Заранее спасибо! Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Переход</title> <script> function someFunc(){ alert(document.getElementById("quantity").value); } document.getElementById("doc").onclick = someFunc; var link = document.getElementById("doc").value; </…
0 votes1 answer -
Проблема со слайдером slick
Доброго времени суток, возникла проблема при подключении слика , сделал все как по инструкции (Jqwery до slick.js , main.js после slick.js ) но все равно выдает ошибку : Uncaught TypeError: Cannot read property 'add' of null at c.b.initADA (slick.min.js:17) at c.b.init (slick.min.js:17) at new c (slick.min.js:17) at w.fn.init.a.fn.slick (slick.min.js:18) at HTMLDocument.<anonymous> (VM778 main.js:8) at l (jquery.min.js:2) at c (jquery.min.js:2) подскажите решение , уже все перерыл и не у одного меня такое , но решения так и не нашел .
0 votes1 answer -
В исходном коде есть, а в инспекторе нет стиля - как это возможно?
В исходном коде в шаблоне я прописал, чтобы было так: <div class="product-grid row"> <data data-bal="bal-elemen"></data> <div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4 zakonchilosvcat"> <div class="product zakonchilos"> Смотрю - а стиль на сайте к zakonchilosvcat не применяется. Вижу. а этого стиля попросту нет в инспекторе! Проверял в других браузерах аналогично. <div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4"> <div class="product zakonchilos"> При этом в исходном коде (ctrl-u) стиль этот есть. Я не понимаю, как это возможно, в чем дело? Пример
0 votes1 answer -
Как отправить форму с html страницы на страницу которая формируется бинарным кодом?
имеется форма на сервере (https://omemo.ca:5281/register-on-omemo.ca) внешнему редактированию она не поддается, так же на ней имеется капча, которую убирать не желательно. на другом сайте сделал красивую форму https://monolith.plus/xmpp/xmpp-register.html name у полей продублировал (такие же как на сайте регистрации) но при отправки формы перекидывает на страницу register-on-omemo.ca Так же хочу заметить, брал всю форму в айфрем, вместе с капчей, в таком случае все нормально срабатывает, но так же остается не редактированный внешний вид, по этому это не подходит. подозреваю что перекидывает на страницу из-за капчи на omemo.ca
0 votes1 answer -
Равномерно растянуть элементы на всю ширину родителя
кнопки должны растягиваться на всю ширину родителя (280 px) вот так http://skrinshoter.ru/s/011018/ZVXhhHvh как это сделать? https://codepen.io/anon/pen/LgVzbo разобрался сам. flex-grow помогло в этом
0 votes1 answer -
Проблема со вставкой изображения
<!DOCTYPE html> <html lang = "eng"> <head> <meta charset = "utf-8"> <link rel = "stylesheet" href = "css/mains.css"/> <title>Шапка</title> </head> <body> <header> <div class = "container"> </div> </header> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <footer> <div class = "container"> </div> </footer> </body>…
0 votes1 answer -
помогите с выравниванием текста
как выделенный текст выровнять по середине?
0 votes1 answer