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
-
Слайдер.
Проблема со слайдером. При заходе на стартовою страницу слайдер ведет себя не корректно. Посмотрите пожалуйста в чем проблема.. Скину архив всего сайта, чтобы была понятна проблема целиком. Проект первый Низовцева Алена.7z
0 votes0 answers -
Проблема с ссылками
Всем привет! Друзья вебмастеры по возможности помогите в решении проблемы! Дело в том, что у меня возникла парадоксальная ситуация, заключается она в том, что тег <a> (ссылки) отказывается работать и не перенаправляет на нужную страницу. При разработке сайта я встроила одно горизонтальное меню. Оно было уже с готовыми решениями. Кроме html и css в ней ничего нет. Ссылки обернуты тегами ненумерованного списка <li> и не работают, хотя страницы эти есть. Когда эти же ссылки тупа размещаю в контенте все работает, а в меню отказывается. Сайт вообще только на html и css пока. Впервые такое встречаю. Если у кого было такое или есть мнение поделитесь пожалуйста. …
0 votes5 answers -
php код формы
Ребят, привет, https://jsfiddle.net/abqc1jLL/ есть такой код, но в сообщении выдает так "Заказ от fafafafafaf телефон: fafaafafafafaafaContent-type: text/html; charset=utf-8" , что забыл добавить, чтобы не отправлял $header в тексте?
0 votes1 answer -
Якорь в iframe
Возникла проблема. На странице реализован обычный якорь типа <a name="top"></a> //// <a href="#top">NEXT</a> Но при вставке этой страницы, на другом сайте через iframe якоря перестают работать... Возможно ли как-то решить проблему?
0 votes0 answers -
Всплывающие аннотации
Добрый день, господа! Имеется изображение большого формата, необходимо прикрутить к нему всплывающие аннотации. При установке курсора в некоторые координаты всплывает аннотация (окно?), в разных координатах - разные аннотации. Может быть, привязать аннотации к конкретным областям изображения. Объясните, пожалуйста, как это можно реализовать максимально просто и быстро. p.s. В интернете масса материалов на тему "всплывающие окна при наведении на элемент/изображение", если я правильно понял, мне эти вещи не особо подходят, т.к. у меня одно изображение и множество аннотаций, привязанных к точкам на нем.
0 votes3 answers -
Редактирование меню
Здравствуйте, возникла проблема с выравниванием меню. Меню нужно выровнять по центру. ( Сайт должен быть с расширением 800 на 600) Посмотрите css файлик, может быть есть предложения как выровнять? Некоторые способы не подходят, поэтому выставляю архивированный файл со всем сайтом. Весит мало. Проект первый Низовцева Алена.7z
0 votes1 answer -
Плавающий background
Привет, как реализуется плавающий background img, например как на http://air-plane.by (это не реклама)?
0 votes1 answer -
Bootstrap 4, Flexbox или Cssgrid
Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…
0 votes3 answers -
import в медиазапросе
Добрый день. Подскажите пожалуйста почему вложенный в медиазапрос импорт не работает и можно ли его заставить работать? @media screen and (min-width:360px) and (max-width:399px){ body{ width:360px; } header{ display:none; } @import url("preview300.css"); .note,.comment_block{ width:340px; } } По идее это нужно что бы не писать одно и то же по нескольку раз. Конечно можно использовать переменные: :root{ --preview300:; --preview350:; } Но это еще более мутно и вроде как широко не поддерживается на данный момент.
0 votes1 answer -
Верстка как в Google Support
Здравствуйте, всё никак не могу сделать такую верстку, как на Google Support Помогите, пожалуйста создать макет как на картинке
0 votes1 answer -
Слайдер и innerHTML
Ребят, привет, очень много трудностей и вопросов. https://jsfiddle.net/4q9ch8j2/ имеется такой код. Нужно при нажатии на кнопку с классом videos чтобы попап блок открывался с слайдером, в котором видео, но почему то не отображается слайдер. еще нужно чтобы при перелистывании на кнопки #baths #bbq и тд, innerhtml менялся у вышеупомянутой кнопки. И еще один вопрос, почему код написан в одну строку, и возможно ли его разбить нормально (очень трудно в таком копаться, код не мой).
0 votes0 answers -
Как верстать сайты большой ширины ?
Здравствуйте. 1. Несовсем понимаю логику, например, как верстать сайты в котором ширина макета 1400px, а контент 1170px. ? Получается, сайт не должен быть шире 1400px, а контент не шире 1170px ? (тут мне интересно что должно быть сайтом когда ширина экрана будет больше 1400px, задний фон задавать ?) 2. Объясните, пожалуйста, как в команде разработчики и дизайнеры работают ? Например, в интернете я нахожу только макеты для десктопа, ну и шаблон под мобилу и планшеты разумеется делаю как мне вздумается, а как в командах? как быть в таких случаях когда ты в команде - но макет только для десктопа, тоже на глаз, сам как хочешь и выкручиваешься ? 3. Скиньте, по…
0 votes6 answers -
При увеличении масштаба не растягивается фон
При увеличении масштаба не растягивается фон. Читала, что background-size, должен решить проблему, но не решает. Пробовала и со значением 100%, и значением cover. Пробовала и с префиксами. Синтаксических ошибок нет, я уверена, но оно не работает. При уменьшении масштаба он растягивается, а при увеличении нет. Структура html такая: <body> <header></header> <main></main> <footer> <container></container> </footer> </body> Мне нужно, чтобы у container была фиксированная ширина (задана в px), а фон, заданный в footer тянулся на всю ширину окна. Подскажите, что я делаю не так?
0 votes1 answer -
Затраивается заголовок
Всем привет! Есть страница: ссылка Там есть вверху баннер с изображением банки "Стоматофит" и текст. В Safari текст как бы "Затраивается" или "Замыливается". Может кто знает как это лечится?
0 votes3 answers -
Почему смещается элемент?
https://www.zebra-tara.ru при малом размере экрана съезжает вниз тестовое поле поиска, не смог найти, что на него влияет: http://prntscr.com/ix6bgw почему так?
0 votes3 answers -
Препроцессоры SASS и LESS. Автоматизация Front-end разработки
Препроцессоры SASS и LESS. Автоматизация Front-end разработки (курс от команды webformyself) Ищу, где скачать бесплатно, желательно с торрентов Весь инет гуглом и яндексом перерыл, не нашел. Дайте ссыль, очень нуно
0 votes4 answers -
Как сделать прокурутку в таблице
Есть таблица с десятками широких столбцов и сотнями строк. Она не влезает в экран ни по ширине, ни по высоте. Нужна прокрутка. Причём, при вертикальной прокрутке должна оставаться видимой верхняя строка, при горизонтальной - левый столбец. Как это сделать? Файл с таблицей генерится программой на с++, так что об удобстве кодирования можно не беспокоиться, надо только чтоб страница в мозиле огнелисе выглядела и вела себя как надо. И выкладывать таблицу на сайт не нужно, это просто лог тестового приложения для теста самописной библиотеки. Но как есть очень не удобно ориентироваться в этой таблице.Таблица заполнена в основном шестнадцатиразрядными шестнадцатеричными числами, …
0 votes6 answers -
Помогите исправить ошибки из validator.w3.org
Сайт на umi.cms При проверке сайта на validator.w3.org выдает ошибки в файле с шаблоном add.xsl прописан вот такой код для формы <xsl:template match="udata[@module = 'webforms'][@method = 'add']" mode="form"> <form enctype="multipart/form-data" method="post" action="/webforms/send/" class="akcyia"> <input type="hidden" name="system_form_id" value="174" /> <input type="hidden" name="system_template" value="webforms" /> <input type="hidden" value="/webforms/posted/" name="ref_onsuccess" /> <xsl:apply-templates select="items" mode="address"/> <table style="width:400px;bo…
0 votes1 answer -
оформление кнопки
в php Добавил кнопку <a href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%BA%D0%BE%D0%BD%D0%B4%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B5%D1%80%D1%8B/">Акции</a> теперь хочу эту кнопку расположить справа по центру с фиксированной позицией и присвоить body {background: url(https://html5book.ru/wp-content/uploads/2015/07/background39.png);} a { text-decoration: none; outline: none; display: inline-block; width: 140px; height: 45px; line-height: 45px; border-radius: 45px; margin: 10px 20px; font-family: 'Montserrat', sans-serif; font-size: 11px; text-transform: uppercase; text-align: center; letter-spacing: 3px; font-weight: …
0 votes1 answer -
Прогал в Border bottom
Привет, получил вот такой макет рекламной рассылки, как сделать прогал у бордер ботома, в котором находится кнопка как на картинке?
0 votes3 answers -
Размеры окна при загрузке страницы
Привет всем. Подскажите пожалуйста как мне задать размеры окна в котором будет загружаться страница.
0 votes2 answers -
3d карусель с перспективой
Всем привет! Не могу найти карусель такого плана http://take.ms/cu7Zu, и чтоб была отзывчивая. Может кто встречал такую, или делал, поделитесь ссылкой или исходниками.
0 votes2 answers -
SVG. Указать цвет в <defs>
Привет. Подскажите, пожалуйста, как в svg файле (<defs>...</defs>) указать цвета и цвета строк, которые могут использоваться в документе. Например градиент указывается так: <defs> <linearGradient id="linearGradientDefault"> <stop offset="0" stop-color="#808080" stop-opacity="1"/> <stop offset="0.5" stop-color="#FFFFFF" stop-opacity="1"/> <stop offset="1" stop-color="#404040" stop-opacity="1"/> </linearGradient> <linearGradient y2="40" x2="0" y1="24" x1="0" gradientUnits="userSpaceOnUse" id="linearGradientPipe" xlink:href="#linearGradientDefault" inkscape:collect="always"/> </defs> И к нему можно о…
0 votes0 answers -
Настройка Slick-слайдер
Подскажите пожалуйста, как заменить в слайдере Slick стандартные кнопки навигации на свои кнопки с изображением?
0 votes19 answers -
css grid
Добрый день) Хочу узнать мнение опытных верстальщиков. Активно ли вы используете grid: display: grid, grid-template-columns: 30px 200px auto 100px и т.д.? Или рано еще?
0 votes15 answers