HTML Coding

29,542 questions in this forum

1. Проблема с ссылками

   Всем привет! Друзья вебмастеры по возможности помогите в решении проблемы! Дело в том, что у меня возникла парадоксальная ситуация, заключается она в том, что тег <a> (ссылки) отказывается работать и не перенаправляет на нужную страницу. При разработке сайта я встроила одно горизонтальное меню. Оно было уже с готовыми решениями. Кроме html и css в ней ничего нет. Ссылки обернуты тегами ненумерованного списка <li> и не работают, хотя страницы эти есть. Когда эти же ссылки тупа размещаю в контенте все работает, а в меню отказывается. Сайт вообще только на html и css пока. Впервые такое встречаю. Если у кого было такое или есть мнение поделитесь пожалуйста. …

   Asked by Aliona108, April 2, 2018

   0 votes
   5 answers
2. Как сверстать такой треугольник?

   Добрый вечер, подскажите пожалуйста как сверстать такой треугольник?

   Asked by WebNewbe, March 3, 2018

   • html
   • css
   • верстка
   0 votes
   5 answers
3. animate css

   https://jsfiddle.net/nhqahs3k/2/ Здравствуйте, подключил animate css и wow.js. Мне нужно было сделать так, чтобы заголовки в main появились при загрузке страницы, а изображения в preferences при прокрутке до них скролла. Делал по ютуб видео, но что то не получилось реализовать задуманное, помогите, где ошибка, заранее спасибо.

   Asked by exoty, April 30, 2018

   0 votes
   5 answers
4. не работают шрифты в gulp

   Прошу помощи!! не работает шрифт в сборке gulp, в чем дело не пойму, вроде делаю все правильно, обратится не к кому, в инете толковых объяснений не нашел, перепробовал уже всякие варианты. в простой сборке, без gulp все работает, а в gulpe нет, может кто поможет? напишите на майл bessolicyn72@mail.ru, вышлю папку со сборкой, что-бы можно было глянуть!!! Заранее благодарен, возможно в этом мире еще остались добрые люди, очень на это надеюсь!!)))

   Asked by wegas, May 2, 2018

   0 votes
   5 answers
5. Как сверстать по таким требованиям слайдер ?

   В макете есть слайдер который должен соответствовать следующим тре6ованниям: 1. Слайдер должен уметь работать без js (в случае если у пользователя нету js) (Я: как они могут без js работать ?) ; 2. Слайдер должен быть контентным (Я: как это ?); 3. Я: Фото в слайдере изменяется 50x50, 150x150, 240x240; 4. требования IE 10 + остальные браузеры - 2 последние версии; Помогите как сверстать такой слайдер понятия не имею....

   Asked by Alexej, May 16, 2018

   0 votes
   5 answers
6. Блоки наезжают друг на друга при просмотре со смартфона bootstrap

   Верстаю для тренировки и пытаюсь сделать адаптивную версию, при просмотре с мобильных один блок наезжает на другой. Думала, что колонки в bootstrap автоматически сдвигаются одна за одной в мобильных версиях. перепробовала уже много чего и не могу понять в чем все-таки проблема. вот код: https://jsfiddle.net/6jgoewz5/ http://piccy.info/view3/12360772/8e3e730ee144105131409f09bbe3231f/ как можно исправить?

   Asked by cactusyou, May 25, 2018

   • bootstrap
   • div
   • адаптив
   0 votes
   5 answers
7. CSS по правилам Академии HTML и прочих гуру-верстальщиков

   Всем привет! Верстаю сайты более 10 лет. В основном для себя, не для коммерции. Начинал с табличной верстки, потом плавно перешел на блочную. Но никогда не обращал особого внимания на различные правила и рекомендации со стороны опытных верстальщиков. Мой подход к творчеству был предельно прост: если код проходит валидацию - хорошо. Если юзеры не жалуются на поехавшие блоки - ещё лучше! Однако, время и идет и приходится следовать современным тенденциям. После чтения различных материалов, типа "Стиль кода Академии HTML" , возник ряд вопросов, найти ответы на которые не удалось. В частности, касательно рекомендаций, которые даются в руководстве по написанию CSS. Например,…

   Asked by LUC, May 31, 2018

   1 vote
   5 answers
8. Принцип или гайд по верстке

   Ребят, привет, подскажите какой то гайд по верстке сайтов слайдеров, типо https://cuberto.ru/

   Asked by exoty, June 20, 2018

   0 votes
   5 answers
9. Как сверстать такой шестиугольник плавный ?

   Нужно сверстать такой элемент. Сам не особо понимаю как такое делать. Знаю про то как шестиуголники делают но такими планому закругленными углами не знаю как.

   Asked by Alexej, July 4, 2018

   0 votes
   5 answers
10. Не задаются стили hover из за js

    Привет, взял такой скрипт аккордеона с сайта, https://jsfiddle.net/gsw3xrhy/ , но есть проблема, что при ховере не задается img arrow_hover, и бекграунд колор не пропадает после того, как panel становится видимой, колор пропадает только если увести курсор с аккордеона, а нужно , чтобы было как на здесь

    Asked by exoty, August 5, 2018

    0 votes
    5 answers
11. Как на bootstrap 4 собрать такую сетку?

    Это вообще возможно? Мои попытки родили такую конструкцию, но она не работает, как и ожидалось: <div class="row"> <div class="col-md-9"> <div class="row"> <div class="col-md-3"></div> <!--тут уже не выходит - размеры считаются по родителю--> <div class="col-md-9"></div> </div> <div class="row"> <div class="col-md-9"></div> <div class="col-md-3"></div> </div> </div> <div class="col-md-3…

    Asked by d0ublezer0, August 17, 2018

    0 votes
    5 answers
12. Блокирование Popup окна

    Здравствуйте! При вызове popup окна происходит затемнение (fade in) и окно блокируется, в него не передаётся фокус. Хотя модальное окно должно всплывать над затемнением. Прошу, по возможности, подсказать где ошибка. Спасибо ссылка: http://xstrongumbrella.com в футере линк "Limited Five (5) Year Warranty for Unbreakable® Walking-Stick Umbrella Standard"

    Asked by Kenoby666, September 5, 2018

    0 votes
    5 answers
13. Заднее изображение, hover и filter

    Всем доброго времени суток. Хотел бы узнать, как иконки, которые находятся на картинке, при наведение сделать оригинальными, без наложений других эффектов на них. Прилагаю код на первого блока. <div class="project-block project-block_1"><div class="project-block__img"> <div class="project-block__img_link"> <a href="#"></a> </div> <div class="project-block__img_lupa"> <a href="#"></a> </div> <img src="img/projects/photo1.jpg" alt=""> </div> <div class="project-block__descr_block"> <h1 class="project-block_title">Claritas Etiam Processus…

    Asked by deafnvoy, September 10, 2018

    0 votes
    5 answers
14. Что правильнее использовать для блоков?

    Что правильнее использовать в содержимом контенте странице. К примеру если речь идет о блоках кейсов товаров. Я например использую flex или float. Но не давно услышал что для содержимых лучше использовать inline-block, мол якобы flex и float не схлопываются в маржинах. Или я что то не понял?

    Asked by viliksar, October 24, 2018

    0 votes
    5 answers
15. Изменение стилей div при наведении на кнопку меню

    • Есть меню с выпадающим подменю; • При наведении на кнопку в выпавшем подменю нужно изменить background в стороннем div; • div и меню не связаны между собой; /*Фрагмент меню*/ ul li .submenu .sub_1 + .bg a { background: url('../img/0.png') no-repeat; } ul li .submenu .sub_1:hover + .bg a { background: url('../img/1.png') no-repeat; } /*-Фрагмент меню*/ .headerbg{ background: url('../img/Main.png') no-repeat; width: 1170px; height: 598px; position: relative; } .bg{ width: 609px; height: 425px; position: absolute; top: 76px; left: 279px; } Это последний вариант который я попробовал. Пишу методом научного тыка, не профессионал, со стилями р…

    Asked by ROLFNST, November 7, 2018

    0 votes
    5 answers
16. Не работает суб меню

    Подскажите что не так сделал, почему не появляется при наведении суб меню? https://jsfiddle.net/5jmutb4e/

    Asked by viliksar, November 9, 2018

    0 votes
    5 answers
17. Подскажите как сделать подобные эффекты?

    Пытаюсь задать кнопкам №1 №2 - https://jsfiddle.net/67wcyurb/ вот такой эффект атома - https://jsfiddle.net/Lz514wvq/ перенес все анимацию в свой вариант, но что то не работает, помогите разобраться

    Asked by viliksar, November 26, 2018

    0 votes
    5 answers
18. Проблема с масштабированием

    Здравствуйте, столкнулся с проблемой начального масштабирования на мобильных устройствах. Сайт без адаптации (по задумке заказчика), имеет ограниченную ширину width: 1024px !important; На экранах любого размера сайт при загрузке должен открываться полностью весь, но на устройствах с шириной дисплея меньше 1200px при открывании сайта масштабируется. И приходиться отдалять. Помогите исправить данную проблему. <html> <head> <title>Epic Birds</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="cs…

    Asked by cutuz, December 11, 2018

    • html
    • css
    0 votes
    5 answers
19. Как добраться до последнего элемента в строке ?

    Разумеется это flexbox с переносом Количество элементов не известно На данный момент крайние это : 2 4 8 10 Если добавить то и схема изменится Есть ли возможность добраться до каждого последнего элемента строки ? https://codepen.io/topicstarter/pen/bOQyKm вот здесь весь геморой Забыл написать что добраться надо на css до последнего div в строке ...если это возможно конечно <div class="container"> <div class="c1">1</div> <div class="c2">2</div> <div class="c3">3</div> <div class="c4">4</div> <div class="c5">5</div> <div class="c6">6</div> …

    Asked by Geyan, January 13, 2019

    • css
    0 votes
    5 answers
20. Не могу установить emmet

    Кто сталкивался при попытке установить emmet выдает оповещение "Unable to download Emmet. Please view the console for more details." Где эта консоль, как увидеть ошибку?

    Asked by viliksar, January 4, 2019

    0 votes
    5 answers
21. Подскажите как сделать такую форму?

    Я решил сделать ее так, используя тег from, для рамки вокруг использовал тег <textarea>, но сейчас не могу кнопку Browse положить внутрь рамки. Пытался позиционировать по id input, но при масштабировании объект вылазит из формы, что впринципе и должно было случиться. https://jsfiddle.net/rgs0afbo/

    Asked by viliksar, January 24, 2019

    0 votes
    5 answers
22. Проблема с отзывчивой таблицей

    Добрый день! Подскажите пожалуйста, как исправить ситуацию? Есть такая таблица, на мониторе смотрится отлично. Когда просматриваю на телефоне, то получается это! Таблица выезжает за край, хотя должно быть видно два столбика - это так называемая отзывчивая таблица! <!DOCTYPE html> <html> <head> <meta name="description" content="Демонстрация отзычивая таблица"> <meta name="keywords" content="пример, демо, отзычивая, таблица, CSS"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style type="text/css…

    Asked by АлександрDog, January 25, 2019

    0 votes
    5 answers
23. Отступы

    Почему кнопка вылазит за границу хедера? У хедере стоит минимальная высота 750px. Как бы я не игрался со свойствами, кнопка постоянно пересекает границу, словно имеет свойство position: absolute. Разве высота хедера не должна растягиваться пропорционально контенту?

    Asked by Okieazy, January 25, 2019

    • html
    • css
    0 votes
    5 answers
24. Оформление страницы с помощью flexbox

    Всем привет! Я очень начинающий верстальщик, можно сказать что совсем никакой но тяга к знаниям есть, подскажите пожалуйста как грамотно оформить страничку, расположить графические блоки в столбик, текст должен обтекать слева и справа, пример на скриншоте, как это описать в css? Пробовал через flex все делать но текст либо снизу, либо сверху остается. Спасибо за понимание!)

    Asked by borizzz2018, January 31, 2019

    0 votes
    5 answers
25. Как используется на реальных проектах bootstrap ?

    Здравствуйте. Я начинающий верстальщик. Посмотрел вакансии какие требуются знания для того чтобы стать HTML-верстальщиком, и одним из требований который присутствует в практический каждой вакансии это bootstrap. Начал читать документацию bootstrap'а понял как он работает но все же остались вопросы которые я хотел бы тут задать и получить на них ответ от специалистов в данной сфере. И эти вопросы актуальны не только для bootstrap но и для остальных CSS framework'ов (faunadation, semantic UI, skeleton и т.д.) 1. Первый момент который я не понимаю это как в bootstrap использовать готовые стили, ведь они никак не подходят к моему макету ? (перезаписывать, а это прави…

    Asked by Аришан, February 18, 2019

    0 votes
    5 answers