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. Именная рассылка HTML

    Народ, всем привет. Нужна небольшая помощь. Нужно в html-письме сделать "именную рассылку". Нужен код, который это делает. П.С До словно: при отправке письма, человек получает письмо в котором аля : "Уважаемый, Сергей...." и так на 50 и более контактов.

    Asked by Remiurge,

    0 votes
    1 answer

  2. Куда вписать 'random' в код галереи?

    Приветствую всех! Я новичок. Пытаюсь сделать случайный порядок показа картинок в галерее, но пока, увы. Если кто может помочь с кодом или предложить другой, буду благодарен за помощь! Сам код в html: <script type="text/javascript" src="res/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="res/jquery.cross-slide.js"></script> <script type="text/javascript">$(function() {$('#pic10').crossSlide({sleep: 2,fade: 1} , [ { src: 'gallery/home1.jpg' }, { src: 'gallery/home2.jpg' }, { src: 'gallery/home3.jpg' }, { src: 'gallery/home4.jpg' }, { src: 'gallery/home5.jpg' }, { src: 'gallery/home6.jpg' }, { sr…

    Asked by herdoctor,

    0 votes
    1 answer

  3. список Latest Posts расположен криво

    Подскажите на странице Invalid post Внизу список Latest Posts расположен криво - с пустыми местами заместо постов. Эта проблема только на нескольких постах - на остальных (valid post ) нормально... Как это исправить? Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  4. Тень для псевдоэлемента

    Всем привет, возможно ли средствами css реализовать такую тень для псевдоэлемента after или before (иконки fontawesome) http://prnt.sc/eio3kx ?

    Asked by Alexandr37,

    0 votes
    1 answer

  5. странное поведение padding

    Html код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Axit</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="bg_h"> <header> <a href="index.html" > <img src="img/logo.png"></a> <ul class="sidebar_head"> <li><a href="">Features</a></li> <li><a href="">About</a></li> <li><a href="">Pricing</a></li> <li><a href=""&g…

    Asked by Toxa404,

    0 votes
    1 answer

  6. Как выстроить картинки с текстом в строчку при любом разрешении?

    Здравствуйте. Подскажите пожалуйста кто знает, как с помощью css реализовать следующее. У меня на сайте в шапке сделана такая конструкция: 1-я картинка, а справа от нее в столбик 3 слова. 2-я картинка, а справа от нее в столбик 3 слова. 3-я картинка, а справа от нее в столбик 3 слова. Все эти 3 картинки со словами выстроены в строчку, т.е. если разрешение экрана позволяет, то они располагаются на одном уровне. Если разрешение экрана меньше (например, на смартфоне), то слова в столбике могут располагаться ниже картинки, а не справа от нее. Хотя места справа вроде бы достаточно. Получается не очень красиво. Код HTML: <div id="header_image">…

    Asked by Webast,

    0 votes
    1 answer

  7. Максимальная ширина страницы в CSS

    Уважаемые форумчане, просьба помочь новичку разобраться в CSS. Создал сайт в конструкторе для чайников MOBIRISE. Все устраивает, кроме пары моментов. Сайт растягивается под разные разрешения экрана. Некоторые блоки имеют максимально допустимую ширину, а некоторые – нет, и растягиваются слишком сильно на Full HD и 4к мониторах. Особенно интересует, блок с 4-мя картинками и 4-мя кнопками под ними. Ссылки из html идут на несколько файлов css. Разобраться, где именно надо прописать максимально допустимую ширину данных блоков, мне, как новичку в данном вопросе, очень тяжело. Если укажите – где именно и как надо задавать этот параметр, буду очень благодарен! Сайт (одностраничка…

    Asked by slava853,

    0 votes
    1 answer

  8. Адаптив

    Как лучше делать адаптивную верстку? Выбор того или иного решения зависит только от меня и макета? Какие сейчас тренды, т.к довольно много смотрел, читал и очень часто себя ловил на мысли что видел устаревший приём (тот же самый вопрос 1) Я знаю что есть много вариантов: медиа-теги, флексбоксы, бутстрап (могу ошибаться)

    Asked by xxxmaximal1,

    0 votes
    1 answer

  9. Не работает вертикальный скрол на странице

    Ув. форумчане! Искренне надеюсь на вашу помощь в решении не самой сложной проблемы. На некоторых мобильных устройствах не работает вертикальный скрол странички. На пк все работает (если уменьшить ширину браузера), не работает именно на мобильных устройствах. Самостоятельно решить проблему не удалось, гугл не помог. Ссылка https://test.5shoes.com.ua/3/index.html Если у вас помещается вся страница на экране, то нажмите *контакты* там точно ничего не будет работать =) Заранее спасибо за помощь! Всем добра.

    Asked by 7armani7,

    0 votes
    1 answer

  10. На айфонах проваливается меню

    Сайт При нажатии на "бутерброд" (меню) - на андроидах все ОК, а вот на 6 и 7 айфоне смотрели - говорят, что меню перекрывается баннером/контентом. В чем дело?

    Asked by nikki4,

    0 votes
    1 answer

  11. Размер SVG изображения

    Здравствуйте! Только начинаю знакомиться с SVG форматом для изображения на сайте. Есть, например, логотип, фактический размер на сайте которого равен 200 х 200 пикселей. В случае с png я увеличивал само изображение в два раза для того, чтобы оно красиво смотрелось на ретина дисплеях. Как быть с векторным SVG в таком случае?

    Asked by volshebnyi,

    0 votes
    1 answer

  12. не получается аккордеон

    подскажите где ошибка, не срабатывает аккордеон <!DOCTYPE html> <html lang="ru"> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> </head> <body> <div class="panel-group" id="collapse-group"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#collap…

    Asked by anjel,

    0 votes
    1 answer

  13. Вопрос по анимированной галерее на css

    Добрый день! Изучаю верстку, сверстал небольшою анимированную галерею. Вот: https://jsfiddle.net/30g214ru/ И столкнулся с такой проблемой - когда я focus-ом открываю изображение - анимация открытия идет поверх общей галереи картинок, но когда я focus снимаю, происходит анимация закрытия открытого изображения.Но происходит она под галереей картинок. Как исправить подобную проблему? И возможно ли это? Я разные варианты с z-index-ом пробовал, ничего не получилось. Проблема в контексте наложения? Но вроде он один в моем коде.

    Asked by Gilgamesh,

    0 votes
    1 answer

  14. перестает работать :hover после клика на чекбокс.

    Ребятки, если не трудно, гляньте пожалуйста кодик. Вот есть блок, по нему мышой ходишь, он реагирует, но после клика по нему ховер перестает работать. Хотелось бы чтоб он на ховер продолжал реагировать даже после клика. Хотя б в какую сторону копать? https://jsfiddle.net/7vsov03o/4/ Знаю что надоел уже, гуглить учусь, но не совсем понимаю как составить правильный запрос в данном вопросе.

    Asked by sergei8550,

    0 votes
    1 answer

  15. Маркированный список

    Добрый день. Как сделать так, чтобы маркированный список был справа от изображения без обтекания. Сейчас список обтекает картинку вот так: http://cv38564-wordpress.tw1.ru/услуги/ спасибо!

    Asked by Ольга А.,

    0 votes
    1 answer

  16. Проблема с выравниваем по вертикали

    У меня тут такая проблема. Не могу разобраться как выровнять по вертикали слайдер. Может кому покажется что это элементарно, но мне чет не доходит в голову как это сделать надеюсь поможет кто. Ссылка на конструктор с кодом.

    Asked by John106,

    0 votes
    1 answer

  17. Проблема с Emmet на ST3

    Раньше пользовался NotePad++ с плагином emmet. Горячая клавиша была tab, к чему я, естественно, привык. Скачал Sublime Text 3, установил emmet, но работает сочетание клавиш ctrl+e. Как изменить его на tab?

    Asked by Захаров Даниил,

    0 votes
    1 answer

  18. Как лучше верстать резиновую карточку товара?

    Страница с каталогом туров в виде карточек, фоном на всю карточку идет изображение. На мобильных карточки располагаются друг под другом и до планшета должны тянуться. Как сделать так, чтобы при увеличении окна эти карточки растягивались пропорционально по ширине и высоте. Если изображение сделать фоном, то при изменении области просмотра карточки растягиваются только по ширине, что некрасиво, вставлять изображение через тег img тоже не то. То есть, по сути, нужно, чтобы первоначальные пропорции контейнера сохранялись при увеличении окна от мобильного представления до планшетного. Я так понимаю, тут не обойтись без javascript?

    Asked by black_c,

    0 votes
    1 answer

  19. При обновлении страницы съезжает блок меню

    Здравствуйте. Подскажите пожалуйста как решить проблему с версткой. На сайте http://dsraduga.ru при обновлении страницы блок меню с картинкой на секунду съезжает влево потом встает на место. Буду признателен.

    Asked by Alex75,

    0 votes
    1 answer

  20. Не понятно откуда берется иконка на странице

    Добрый день! Вот страница http://boston.cafe18.ru. Там есть такие иконки http://joxi.ru/YxAe31qSzVyGmy. Я просмотрел в коде и css указания на файлы и не могу никак понять как они вставляются. Нигде не вижу пути до иконок.

    Asked by smirn0ff,

    0 votes
    1 answer

  21. Фон меню

    Здравствуйте, учусь верстке. Хочу сделать при наведении на ссылку меню, фоновое изображение. Сделал коряво и все смещается, так как не очень разбираюсь в свойствах - display, position. Прошу помочь и по возможности ввести в курс дела! Код: #menu { text-align: center; text-decoration: none; font-weight: bold; margin-left: 100px; } #menu ul{ } #menu ul li{ float: left; margin-right: 106px; margin-top: 40px; } #menu ul li a{ color: #6b4848; text-align: center; display: block; } .activ, #menu ul li a:hover{ background: url(../images/menu1.png); width: 150px; height: 30px; background-position: center; } <div id="menu"> <ul> &l…

    Asked by glarks,

    0 votes
    1 answer

  22. Квадратные скобки в JavaScript

    Объясните поподробнее, почему в 24 строчке i пишется в квадратных скобках? Как это работает?

    Asked by ErUnDAK,

    0 votes
    1 answer

  23. Смещение блоков при масштабировании.

    Добрый вечер, уважаемые форумчане. Я пишу с нуля свой первый сайт и у меня на этапе верстки возникла проблема с размещением меню, что вкладывается в блок header. При масштабировании страницы, меню меняет свои значения: либо оно вылазит за пределы блока-родителя, либо не доходит до его границ (появляются неприятные белые полосы). Возникает вопрос, как зафиксировать меню так, чтобы масштабирование не меняло расположение его блоков? + при масштабе в 100% приходится использовать не целочисленное значения в отступах nav ul li a {padding:41.6px 50px;} для того, чтобы избавиться от белой линии под блоком (методом подгона). Хочется понять, как можно "вылечить" и этот де…

    Asked by Eugenice,

    0 votes
    1 answer

  24. transform - управление через jQuery

    Help! как из jQuery можно управлять анимацией CSS типо transform: scale(0.5) rotate(20deg); или : как на jQuery можно реализовать аналог анимации CSS типо transform: scale(0.5) rotate(20deg);

    Asked by Алекс123,

    0 votes
    1 answer

  25. Как выбрать следующий за нужным элемент?

    Есть такой код: <div class="field"> <input type="text" id ="email" name="email"> <label for="email" id="label_email">Введите Email</label> </div> <div class="field"> <input type="text" id ="namel" name="name"> <label for="name" id="label_name">Введите ваше имя</label> </div> <div class="field"> <input type="text" id ="country" name="country"> <label for="country" id="label_country">Введите страну</label> </div> <div class="field"> <input type="text" id ="city" name="city"> <label for="city" id="label_city">Введите город&…

    Asked by sergei8550,

    0 votes
    1 answer

  • Обсуждения

    • 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