Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. display: none не работает на хостинге

    Здравствуйте! http://nds.nika-llc.pw/ Проблема следующая. Друг попросил адаптировать под мобильные устройства сайт. Все работает, НО: На главной странице есть заголовок, который масштабируется. И на маленьком экране просто исчезает. Я решил сделать просто: сделать скриншот экрана и добавить его вместо текста, который не получается масштабировать. Логика такая: на большом экране текст работает, видео фоном тоже. На маленьком экране видео и текст отключаются (display: none), и вместо них включается изображение (скриншот) текста вместе с фоном. Работает на опере, на хроме почему-то нет. Я уже голову сломал, не понимаю. У кого есть какие мысли? <div i…

    Asked by set34,

    0 votes
    0 answers

  2. Медиа запросы

    Народ, помогите разобраться в медиа запросах. написал в 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…

    Asked by FotGOD,

    0 votes
    2 answers

  3. Докорректировать верстку

    Здравствуйте, решил в интернете поискать решение. Прошу помочь. Сделали верстку, в основном более-менее, но частенько плывет шапка, например. Не хотелось бы полностью переделывать, а внести корректировки. Спасибо за ваши советы. _ttps://russkijmetall.ru

    Asked by menedzher37,

    0 votes
    2 answers

  4. помогите с выравниванием текста

    как выделенный текст выровнять по середине?

    Asked by velya1337,

    0 votes
    1 answer

  5. Привязка заголовка таблицы к ее основной части при скроллинге и уменьшении разрешения браузера

    https://jsfiddle.net/alex_romanov/e1La6tso/#&togetherjs=CiDcpQS5Sd Как привязать заголовок таблицы к ее основной части при скроллинге и уменьшении разрешения браузера При уменьшении появляются 2 скроллинга, как и задумано, так как таблицы в основном большие, но уменьшается до определенного момента, а затем заголовок фиксируется, а информационная часть уменьшается в свою область. Как это можно исправить? Пытался придумать и для адаптации размеры ширины, но ничего не получается, подскажите что исправить.

    Asked by sky-sky,

    0 votes
    2 answers

  6. Загрузка данных в поле 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&gt…

    Asked by Katerina23,

    0 votes
    0 answers

  7. Загрузка данных в поле 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 <…

    Asked by Katerina23,

    0 votes
    7 answers

  8. .php Обернуть ключевое слово запроса в DIV

    Адаптировал свою верстку под WP и по незнанию php не могу проставить правильно кавычки для кода html, чтобы ключевое слово поиска было обернуто в <div>. Прошу помощи) <?php printf( esc_html__( 'Search Results for: <div> %s </div>'), '<span>' . get_search_query() . '</span>' ); ?>

    Asked by Ilyas_polo,

    0 votes
    0 answers

  9. Ресурсы для начала обучения

    Добрый день Уважаемые форумчане! Буду очень признателен получить советы от знатоков, с чего начать процесс обучения по написанию сайтов (учебники, видеоуроки, другие материалы). Интересует (если я правильно понял этапы познавания дзен) следующее: - html5 - css3 - bootstrap 4 - "натягивание" сайта на cms (интересует в первую очередь wordpress, т.к. по прочтённой мной информации она самая простая для обучения и понимания). В интернете очень много ресурсов (а уроков еще больше) и информация на этих ресурсах разнится (возможно какие то морально устарели просто, какие то не совсем верно доносят информацию). Пробовал начинать по видео-урокам, …

    Asked by Coby87,

    0 votes
    0 answers

  10. Фиксация заголовка таблицы - использование flex

    Я создал таблицу с вертикальной и горизонтальной прокруткой. Основной блок назначил - display: flex; 1. У меня принудительно стали переносится слова на другую строку ( я думал они будут переносится только при изменении разрешения) 2. Не знаю как поднять заголовок на верх таблицы (то есть в основной блок - там где синяя полоса), чтобы заголовок был неподвижен, а таблица прокручивалась. 3. Чтобы слова в ячейках автоматически переносились только тогда, когда меняется ширина экрана? index Скрытый текст <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g…

    Asked by sky-sky,

    0 votes
    0 answers

  11. Как изменить цвет 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; }

    Asked by nastya-spo,

    0 votes
    0 answers

  12. Несколько слоёв текста в ячейки таблицы

    Скажите, пожалуйста, существует ли HTML-код, который позволял в одной из ячеек наложить текст друг на друга? Знаю, что в LaTex'е так можно сделать. Вопрос возник из-за того, что мне сегодня после трёх часов ночи приснился сон: вижу HTML-код, кто-то говорит, как называется тип его (к сожалению не запомнил, название было заковыристое), и только потом вижу HTML-страницу.

    Asked by Интересующиеся,

    0 votes
    3 answers

  13. Проблема со вставкой изображения

    <!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&gt…

    Asked by jack123537,

    0 votes
    1 answer

  14. Как вписать картинку в блок?

    Сейчас фото дивана обрезается https://mebelsort.ru/mebel-dlya-gostinoj/myagkaya-mebel-malajzii/divany-malajzii/divan-krovat-amerillo-amerillo-bezhevyj-36-34 Можно ли его целиком как-то отобразить? знаю есть для этого overflow - не срабатывает.

    Asked by nikki4,

    0 votes
    4 answers

  15. Почему не работает 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: надеюсь тут у Вас найду ответ...

    Asked by AbaGardon,

    0 votes
    0 answers

  16. Некорректное отображение шапки сайта в Google Chrome

    Добрый день. Появилась следующая проблема: При отображении сайта в любых браузерах - все работает корректно, кроме Google Chrome. Съезжает шапка сайта, а точнее то, что в css указывал позиционировать справа - располагается в левой части и закрывает логотип. Ну уж очень меня это напрягает. Не пойму, что нужно делать. Кто сталкивался с такой же проблемой? Сайт - ganzola.ru Заранее спасибо.

    Asked by ilya.pokrov,

    0 votes
    0 answers

  17. <!DOCTYPE html> 

    При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.

    Asked by Андрей7000,

    0 votes
    19 answers

  18. Равномерно растянуть элементы на всю ширину родителя

    кнопки должны растягиваться на всю ширину родителя (280 px) вот так http://skrinshoter.ru/s/011018/ZVXhhHvh как это сделать? https://codepen.io/anon/pen/LgVzbo разобрался сам. flex-grow помогло в этом

    Asked by yaparoff,

    0 votes
    1 answer

  19. Табы внутри аккордеона

    Добрый день. Возможно кто-то возьмется мне помочь. https://codepen.io/brezze/pen/mzJmeJ Слева есть года, реализованы в виде аккордеона, по клику на год, открывается нужный нам. Слева табы, у каждого года есть свои табы. Например сейчас открыт 2018 год, если мы кликаем на второй таб 2017 года, 2018 год закрывается, открывается 2017 на втором активном табе

    Asked by brezze,

    0 votes
    0 answers

  20. Помогите вставить url. Не вставляется картинка

    Не вставляется картинка <body> </body> body { background-image: url(references/2.jpg); } Картинку не видно...........

    Asked by alexanderPoiu,

    0 votes
    4 answers

  21. Как создать страницу из фреймов

    Нужно написать с помощью, языка HTML, страничку в которой будут 6фреймов, визуально представлено на картинки ниже. пожалуйста, помогите)

    Asked by angelseol,

    0 votes
    2 answers

  22. Wordpress слайдер

    Всем привет, как можно реализовать такой слайдер на платформе wordpress. скриншот, и ссылка на источник http://www.futsaldynamo.com/ . Функционал слайдера таков: выводит 4 поста сбоку (которые мы укажем в админке ,) и главный большой блок слайдера это картинка и контент текущего слайда ? Спасибо за внимание и помощь , благодарен любому совету.

    Asked by four17,

    0 votes
    2 answers

  23. Хитро убрать pointer-events со ссылки и вернуть обратно

    Добрый день. Такая задача. В оформлении текста используются невидимые блоки - span.show-on-hover, где color = background-color и где color становится контрастным по .show-on-hover:hover. Вместе с текстом прячутся ссылки и показываются по .show-on-hover:hover a. Всплыла проблема с мобильными пользователями. Чтобы увидеть текст блока, они в него тыкают. Порой они ненароком попадают в невидимую ссылку и тотчас переходят по ней. Нужно чтобы по ссылке невозможно было перейти с первого тапа, первый тап должен только кинуть :hover на .show-on-hover, и только вторым тапом можно тапнуть по ссылке. При этом для пользователей компьютеров все должно быть по-прежнему, никаки…

    Asked by 7ion,

    0 votes
    6 answers

  24. При уменьшении размера браузера и разрешении <=1024 пункты меню едут вниз

    Адрес сайта: shoporus.ru , буду благодарен за помощь в решении данной задачи!

    Asked by allseo,

    0 votes
    1 answer

  25. Помогите пожалуйста, запутался с фокусом :)

    Здравствуйте форумчане! Сижу верстаю форму поиска, и что-то не могу разобраться с фокусом... А именно не могу добиться следующего. При нажатии мышкой в область поиска, нужно что бы менялся цвет кнопки (лупа) и цвет вводимого текста. Прошу помощи начинающему хакеру! ? Мой супер код - http://jsfiddle.net/pLznkshc/

    Asked by Ilyas_polo,

    0 votes
    2 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept