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
-
Wordpress слайдер
Всем привет, как можно реализовать такой слайдер на платформе wordpress. скриншот, и ссылка на источник http://www.futsaldynamo.com/ . Функционал слайдера таков: выводит 4 поста сбоку (которые мы укажем в админке ,) и главный большой блок слайдера это картинка и контент текущего слайда ? Спасибо за внимание и помощь , благодарен любому совету.
0 votes2 answers -
Как создать страницу из фреймов
Нужно написать с помощью, языка HTML, страничку в которой будут 6фреймов, визуально представлено на картинки ниже. пожалуйста, помогите)
0 votes2 answers -
Помогите вставить url. Не вставляется картинка
Не вставляется картинка <body> </body> body { background-image: url(references/2.jpg); } Картинку не видно...........
0 votes4 answers -
Табы внутри аккордеона
Добрый день. Возможно кто-то возьмется мне помочь. https://codepen.io/brezze/pen/mzJmeJ Слева есть года, реализованы в виде аккордеона, по клику на год, открывается нужный нам. Слева табы, у каждого года есть свои табы. Например сейчас открыт 2018 год, если мы кликаем на второй таб 2017 года, 2018 год закрывается, открывается 2017 на втором активном табе
0 votes0 answers -
Равномерно растянуть элементы на всю ширину родителя
кнопки должны растягиваться на всю ширину родителя (280 px) вот так http://skrinshoter.ru/s/011018/ZVXhhHvh как это сделать? https://codepen.io/anon/pen/LgVzbo разобрался сам. flex-grow помогло в этом
0 votes1 answer -
<!DOCTYPE html>
При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.
0 votes19 answers -
Как создать элементы в меню?
Ребят подскажите пожалуйста, как правильнее поступить. Есть меню вот такое: в макете это целый слой, элементы которые отмечены стрелочками, тоже вставлены в слой Как правильно поступить... Наложить картинкой меню без текста, а текст наложить кодом? Или есть способы выполнить эти элементы css, когда меню я сделаю обычным списком с блочно строчными эл?
0 votes8 answers -
Некорректное отображение шапки сайта в Google Chrome
Добрый день. Появилась следующая проблема: При отображении сайта в любых браузерах - все работает корректно, кроме Google Chrome. Съезжает шапка сайта, а точнее то, что в css указывал позиционировать справа - располагается в левой части и закрывает логотип. Ну уж очень меня это напрягает. Не пойму, что нужно делать. Кто сталкивался с такой же проблемой? Сайт - ganzola.ru Заранее спасибо.
0 votes0 answers -
Почему не работает sourcemap в JavaScript?
Третий день пытаюсь понять почему не работает sourcemap в браузере. А именно не работает JS, с CSS все норм работает. Вот код: gulp.task('script', function() { return gulp.src(src.js) .pipe(sourcemaps.init()) .pipe(concat('script.js')) .pipe(sourcemaps.write()) .pipe(gulp.dest(path.js)) }); Что я делаю не так или может что-то дополнительно нужно скачать для браузеров ? ps: надеюсь тут у Вас найду ответ...
0 votes0 answers -
Как вписать картинку в блок?
Сейчас фото дивана обрезается https://mebelsort.ru/mebel-dlya-gostinoj/myagkaya-mebel-malajzii/divany-malajzii/divan-krovat-amerillo-amerillo-bezhevyj-36-34 Можно ли его целиком как-то отобразить? знаю есть для этого overflow - не срабатывает.
0 votes4 answers -
Проблема со вставкой изображения
<!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 -
Несколько слоёв текста в ячейки таблицы
Скажите, пожалуйста, существует ли HTML-код, который позволял в одной из ячеек наложить текст друг на друга? Знаю, что в LaTex'е так можно сделать. Вопрос возник из-за того, что мне сегодня после трёх часов ночи приснился сон: вижу HTML-код, кто-то говорит, как называется тип его (к сожалению не запомнил, название было заковыристое), и только потом вижу HTML-страницу.
0 votes3 answers -
Фиксация заголовка таблицы - использование flex
Я создал таблицу с вертикальной и горизонтальной прокруткой. Основной блок назначил - display: flex; 1. У меня принудительно стали переносится слова на другую строку ( я думал они будут переносится только при изменении разрешения) 2. Не знаю как поднять заголовок на верх таблицы (то есть в основной блок - там где синяя полоса), чтобы заголовок был неподвижен, а таблица прокручивалась. 3. Чтобы слова в ячейках автоматически переносились только тогда, когда меняется ширина экрана? index Скрытый текст <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g…
0 votes0 answers -
Ресурсы для начала обучения
Добрый день Уважаемые форумчане! Буду очень признателен получить советы от знатоков, с чего начать процесс обучения по написанию сайтов (учебники, видеоуроки, другие материалы). Интересует (если я правильно понял этапы познавания дзен) следующее: - html5 - css3 - bootstrap 4 - "натягивание" сайта на cms (интересует в первую очередь wordpress, т.к. по прочтённой мной информации она самая простая для обучения и понимания). В интернете очень много ресурсов (а уроков еще больше) и информация на этих ресурсах разнится (возможно какие то морально устарели просто, какие то не совсем верно доносят информацию). Пробовал начинать по видео-урокам, …
0 votes0 answers -
Слайдер slick нет левой стрелки
Подключил слайдер slick, если стрелки вынесены по бокам слайда, все работает, если слайд делаю на всю ширину экрана, стрелкам меняю позицию, левая стрелка проподает. В чем проблема может быть?
0 votes7 answers -
Как изменить цвет svg картинки
Здравствуйте! Очень нужна помощь верстальщика! Подскажите, пожалуйста. Можно ли изменить цвет svg картинки, которая вставлена с помощью псевдоэлемента. Не могу найти ответ. .footer-user-navigation .enter a::before { content: ""; background-position: 0 0; background-repeat: no-repeat; position: absolute; top: 5px; left: 0; background-image: url(../img/user.svg); width: 15px; height: 15px; }
0 votes0 answers -
.php Обернуть ключевое слово запроса в DIV
Адаптировал свою верстку под WP и по незнанию php не могу проставить правильно кавычки для кода html, чтобы ключевое слово поиска было обернуто в <div>. Прошу помощи) <?php printf( esc_html__( 'Search Results for: <div> %s </div>'), '<span>' . get_search_query() . '</span>' ); ?>
0 votes0 answers -
Загрузка данных в поле 1-ого фрейма, при нажатии на ссылку 2-ого фрейма
Мне нужно, чтобы при нажатии кнопки во втором фрейме, происходила загрузка в первом фрейме, но у меня вместо этого происходит ошибка. index.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> <script> view_frames(); </script> </head> <body> </body> </html> page1.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> </head> <body> <!-- поле куда надо загрузить данные --> <input type="text" id="debug'"> </body> </html> page2.html <…
0 votes7 answers -
Загрузка данных в поле 1-ого фрейма, при нажатии на ссылку 2-ого фрейма
Мне нужно, чтобы при нажатии ссылки во втором фрейме, происходила загрузка данных (input type="text" id="debug") в первом фрейме, но у меня вместо этого происходит ошибка. index.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> <script> view_frames(); </script> </head> <body> </body> </html> page1.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> </head> <body> <!-- поле куда надо загрузить данные --> <input type="text" id="debug'"> </body>…
0 votes0 answers -
помогите с выравниванием текста
как выделенный текст выровнять по середине?
0 votes1 answer -
Докорректировать верстку
Здравствуйте, решил в интернете поискать решение. Прошу помочь. Сделали верстку, в основном более-менее, но частенько плывет шапка, например. Не хотелось бы полностью переделывать, а внести корректировки. Спасибо за ваши советы. _ttps://russkijmetall.ru
0 votes2 answers -
@media Медиа запросы
Народ, помогите разобраться в медиа запросах. написал в css файле 2 вида стилей. Для обычного десктоп и для телефона. Но обычный почему-то все равно немного перебивает стили. В чем проблема? вот html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" media="screen and…
0 votes2 answers -
flexbox особый вид элемента на Flexbox
zebra-tara.ru на главной странице есть блок с популярными товарами чтобы его организовать, мне пришлось делить список на две части. отдельно в своём контейнере выводится большой первый элемент и далее - остальные, тоже в flex контейнере можно добиться такого визуального представления как-то иначе (без разделения UL списка), когда первый элемент имеет большой размер? мне это потребуется, чтобы на малых разрешениях навесить на этот список owl carousel, а получается, что первый элемент оторван.. Полагаю, это можно как-то решить с колонками, а не строками, но мне этот фокус не удался
0 votes10 answers -
Фиксированный сайдбар не всегда влазит по высоте страницы и не его не получается прокрутить
При скролле страницы сайдбар должен оставаться зафиксированным. Высота сайдбара должна быть всегда во весь экран. При этом нижний блок сайдбара всегда должен быть прибит к низу. Это все реализовано, НО что делать если высота экрана низкая: в этом случае сайдбар начинает прятаться вниз, а так как он position: fixed он не скроллиться вместе с таблицей. http://skrinshoter.ru/s/161018/xV91Tuns https://codepen.io/anon/pen/MPrKKq Как решить эту проблему?
0 votes3 answers -
В стилях слик-карусели текст отказывается становится рядом с картинкой
Делаю учебный проект. Не получается поставить текст в слайдере рядом с картинкой html <div class="main__slider"> <div class="carousel"> <div class="carousel-slide"> <div class="carousel__img"> <img src="img/2018-Walking-Shoes-Comfortable.jpg" alt="2018-Walking-Shoes-Comfortable"> </div> <div class="carousel__text"> <h1>Осень 2018</h1> <h2>новая коллекция</h2> …
0 votes1 answer