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. При возврате не срабатывает скрипт

    Всем привет! Столкнулся со следующей проблемой организовал плавную смену страниц на сайте, воспользовавшись таким скриптом . Но при попытке вернутся на уже просмотренную страницу нажав в браузере "На предыдущую страницу" скрипт не срабатывает и возвращённая страница остаётся белой. В IE всё у порядке а в Опере и Мозилле нет. Что можно предпринять? Спасибо.

    Asked by kvv,

    0 votes
    0 answers

  2. При вставке иконки в input через src или background-image ничего не происходит.

    Я только начал писать сайты и при верстке столкнулся с проблемой, в поле input хочу вставить иконку перед placeholder-ом, но при подключении ничего не происходит, так же пытался это сделать через background-image, но все равно ничего. Подскажите пожалуйста что не так? https://jsfiddle.net/sxrfwup0/

    Asked by Konstantin99,

    0 votes
    1 answer

  3. При вставке текста с ссылкой в форму отправки заявки не работает ссылка

    При вставке текста с ссылкой в форму отправки заявки не работает ссылка. При клике на ссылку срабатывает кнопка отправки сообщения вместо открытия ссылки. Ничего не понимаю, что можно сделать? Вот концовка формы: <div class="col-xs-12 col-md-4"> <p><textarea name="msg" placeholder="Сообщение"></textarea></p> <div><a href="#" class="button" style="float: right;">ОТПРАВИТЬ</a></div> </div> <a href="<?=SITE_DIR?>soglasie.pdf" target="_blank">Нажимая на кнопку О…

    Asked by arsen64,

    0 votes
    1 answer

  4. При выставлении паддинга движется слой.

    Слой размещен через position:absolute, по идее двигаться не должен. Но когда я выставляю паддинг, смещается не текст, а фоновая картинка, за счет чего получается отступ с одной стороны. Отступ с другой стороны игнорируется, там вообще текст вылазит за рамки фона, и слоя, соответственно

    Asked by skygazer,

    0 votes
    8 answers

  5. При добавлении в сборку js файла перестал работать слайдер

    Доброго времени суток! Сразу к сути. Делаю учебный проект в шторме, конечный результат которого собирается при помощи сборки проекта. все библиотеки и зависимости установлены. с подключением slick-carousel разобрался, начал делать выпадающее меню в шапке, создал файл head.js, пописал в main.js такую строчку import 'head.js' в результате сломался слайдер, а в консоли ошибка "файл не найден" увидеть воочию можно тут https://rimidbit.github.io/shopia-S/ исходники тут https://github.com/rimidbit/source_code.git Что еще добавить не знаю. Готов предоставить все вводные, только б разобраться

    Asked by rimidbit,

    0 votes
    0 answers

  6. При добавлении контента в блоки секции, её размер должен увеличиваться.

    В секции есть четыре подблока, нужно сделать так, чтобы при добавлении любого количества текста, или элементов в этот подблок размер секции увеличивался следом. Задал секции минимальная высоту.Пытаюсь использовать различные варианты.

    Asked by Alekss,

    0 votes
    2 answers

  7. При загрузке сайта скачут элементы (верстка дивами)

    Задаю первый вопрос на этом форуме, просьба не пинать сразу Имеем страницу http://toniart.ru/portfolio/f.html, при загрузке контента (если скорость интернета не очень большая) сначала грузятся круглые стрелочки влево и вправо причем вверху, затем центральная иллюстрация, затем эти стрелки перемещаются вниз, на те места где они должны быть... Все происходит быстро, но все равно напрягает. Можно полистать стрелки влево или вправо, будет понятней о чем я. Подскажите как с этим бороться? спрасибо.. на всякий случай выкладываю: HTML <body> <!-- Навигация в шапке --> <div id="navi" align="center"> <div class="polosa" > <ul> <li><span …

    Asked by veromi,

    0 votes
    4 answers

  8. При загрузке страницы div c display:none виден на 2-3 секунды

    ..., да еще и верстка на эти секунды уезжает не туда, куда я ей написал)) Никто не сталкивался с этим? Как проблему решить? Пробовал и размер делать 1 на 1 пиксель и margin-top: 1000px, но ничего не помогает пока. Есть соображения? Заранее благодарю)

    Asked by Perf2k2,

    0 votes
    2 answers

  9. При загрузки страница скачет

    Товарищи помогите решить небольшую проблемку. Недавно сделал страничку с фиксированной верстой, из-за боковых теней пришлось сделать одну таблицу. В центральную фиксированную по ширине колонку вставлен контент , а в боковые тени. Все нормально работает , но при загрузке странице она скачет из правой стороны к центру, особенно заметно на медленном соединение с интернетом. Не подскажите как можно это исправить или просто как-нибудь не давать странице загружаться постепенно.

    Asked by gvozdik,

    0 votes
    8 answers

  10. При зуме в Chrome появляются лишние пиксели

    Доброго времени суток! Есть следующий код html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(','); for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <script> function hide_input_value(iv) { if (iv=="Search website") { document.getElementById('field_search').value=""; } } function show_input_value(iv) { if (iv=="") { docu…

    Asked by zodcyi,

    0 votes
    5 answers

  11. При изменении длины слова, вся задумка портится...css :hover

    В общем задумал я такую менюшку, чтобы при наведении на ссылку, стрелочки по бокам этой ссылки смыкались... http://img522.imageshack.us/my.php?image=menuwx5.jpg http://img141.imageshack.us/my.php?image=menuhoverqr5.jpg Но как видно из второй картинки, при изменении длины слова, эти стрелочки ливо заезжают на слово, либо куда то убегают... так вот хотелось бы узнать, можно ли как то с помощью css и html сделать, чтобы при изменении длины слова эти стрелочки были всегда на одном и том же расстоянии от слова? css: <style type="text/css"> html, body {margin:0px; padding:0px; background-color:#dbfafb;} #head {background-image:url("img/head.jpg"); width:710px; height:102…

    Asked by bubl,

    0 votes
    4 answers

  12. при изменении размера окна нижний <div> наезжает на верхний<div>

    Всем привет! Подскажите новичку. Длжно быть так: Два блока один привязан к верху, другой к низу экрана, при увеличении окна расстояние между ними увеличивается(так щас и есть), а при уменьшении до определенного размера должен появится скрол. Но min-height не помогает, точнее нижний блок так и остается внизу при прокручивании скрола перекрывает верхний блок. Я так понимаю что я неправильно привязал нижний блок. http://jsfiddle.net/avRPt/2/

    Asked by CyberKatana,

    0 votes
    4 answers

  13. При изменении размеров пропадает резкость картинки

    Сабж.

    Asked by user,

    0 votes
    11 answers

  14. При изменении у ссылки padding-top, ссылка вниз «не отодвигается»

    Вот например тут http://consart.ru/include/menu.php. Т.е., по идеи padding устанавливает значение полей вокруг элемента, но тут он как бы не отталкивается ни от li ни от div, как будто их и нет. Я как-то муторно обьясняю . Просто такое ощущение, что ссылка словно на отдельном слое, хотя не так.

    Asked by QQQ,

    0 votes
    7 answers

  15. при изменении шаблона таблица разъезжается

    Дан шаблон. Вот так он подключается . В шаблоне таблица в 2 столбца: в левом меню, а в правом текст теущей страницы. Теперь надо в меню сделать исправления. Открываю в Dreamweavere и аккуратно меняю одну буковку в меню на другую... И сразу при просмотре страницы содержимое правого столбца выпадает из таблицы и размещается уже не не во 2 столбце, а под ним. Что я делаю не так?

    Asked by Staisy,

    0 votes
    2 answers

  16. при инклюде в див таблицы браузеры ведут себя по разному..

    почему при инклюде файла див в эксплорере и опере увеличивается, а в мозиле нет? текст тупо идёт дальше, а таблица кончиласть????? вот как надо: http://s61.radikal.ru/i171/0907/3d/ca6b99589081.png вот так оно в эксплорере: (пнг скоро я сделаю нормальным, ща это только время тратить). но! почему табличка в которой новость (кремовая такая табличка) почему она разъехалась??? раньше в опере такое было, исправила. но здесь что??? какой атрибут косячит?? http://s53.radikal.ru/i140/0907/e9/8ea84a3a6c99.png и наконец КАК НЕ НАДО!!!! в лисе: http://s44.radikal.ru/i105/0907/b6/cc6a26624222.png что за бред??? скажите, наверняка вы с этим встречались, какие атрибуты в одном браузере …

    Asked by yummi,

    0 votes
    8 answers

  17. При использовании display: inline-block; между двух блоков появляется отступ

    У меня новая проблемка, использую два блока со свойством display: inline-block; и между ними появляется отступ примерно в пикселей 10, но он мне не нужен такой. Наглядный пример можно посмотреть тут http://jsfiddle.net/6L2qbL83/ подскажите, что я упустил?

    Asked by papay,

    0 votes
    2 answers

  18. При использовании png.htc, в iE6 невозможно выделить текст

    Привет. Для прозрачности PNG, использую файл png.htc, div с контентом имеет png прозрачный бэкграунд, и из-за этого скрипта, в IE6 перестал выделяться текст. Как это можно пофиксить? Можно конечно перевертать так, чтобы у divа с контентом бэкграунд был выставлен просто цветом.

    Asked by BassEast,

    0 votes
    7 answers

  19. При использовании ссылок по странице (href=#) пропадают элементы, находящиеся над текущим

    Если кто-то не понял, что имеется в виду - вот ссылки, и сразу все становится понятно. http://sportunifit.ru/test/index.php/the-news http://sportunifit.ru/test/index.php/the-news#adress http://sportunifit.ru/test/index.php...s#content_main С таким сталкиваюсь в первый раз. Подскажите из-за чего происходит. Проблема в Firefox и IE8 , в остальных IE проблемы нет, в опере проверить нет возможности.

    Asked by Ra1NeR,

    0 votes
    2 answers

  20. При клике мышкой увеличить картинку

    Добрый всем день. Вот такая у меня проблема. Хочу что бы при клике мышкой на маленькую картинку она увеличивалась. Несколько часов гуглил читал и пробовал но ничего не получается. Я не специалист и мне нужна подробная информация, как говорится для тех кто в танке. Вот сайт: http://www.mogemvse.in.ua/index.php?option...=4&Itemid=4 при наведение на тортики они должны увеличиваться, подскажите как это сделать? что нужно устанавливать и куда вставлять? Если нужен код html или css могу выставить. Спасибо.

    Asked by gumuch,

    0 votes
    11 answers

  21. При клике на <area> перегружается окно, но не сама страница

    Всем привет, так как это мое первое сообщение на этом форуме, то начну его со слов благодарности к авторам ресурса HTMLBOOK и HTMLFORUM. HTMLBOOK помог мне колоссально разобраться в теме. Ситуация: есть <map> с набором <area> тегов, и у <area> есть арибут href="/mypage". и все вроде работает, но если присмотреться, то при клике на <area> происходит перегрузка окна (приходит нужная страница), но адрес странцы, УРЛ остается в адресной строке прежним, т.е. я фактически остаюсь на прежней странице. не хорошо. подскажите что можно сделать в этой ситуации спасибо

    Asked by Den Brown,

    0 votes
    4 answers

  22. При клике на картинку открываются несколько вкладок, как это сделать в html ?

    Имеется такая ссылка <a href="http://site.com"><img src="http://pic.ru/1.jpg" oncontextmenu="return false"> Как реализовать что бы при клике на картинку открывались 2 или 3 или 4 новые вкладки на разные сайты? Спасибо за помощь

    Asked by Mukake,

    0 votes
    1 answer

  23. При клике прыгает блок.

    Добрый вечер, возникла проблема с кнопкой "предложить свою цену" - правил через позиционирование, в чем может быть ошибка? при клике прыгает блок. Спасибо.

    Asked by mrfrunze,

    0 votes
    2 answers

  24. При малой высоте блока содержимое идет ввсерх

    При клике на некоторых ссылках на странице должен отобразится плавающий блок, высота которого средством css анимации изменяется от нулевой до некоторой фиксированной высоты. В начале анимации, когда весь контент не помещается, он сильно пождат вверх, и только вконце стает на свое место. Это выглядит примерно так. Вот этот пример: http://jsbin.com/wekixa/1/edit?html,css,js,output Браузер: Фаерфокс, версия 41.0.1 Методом тыка установил, что если не писать $('#confirm a[role="cancel"]').focus();То все нормально. Как можно изменить поведение, чтобы содержимое блока не подскакиволо вверх. Перепробывал всевозможные способы например, top: 0 и тому подобные. Не помогло.

    Asked by ekkl,

    0 votes
    1 answer

  25. при масштабировании все розваливается

    Добрый вечер. При масштабировании вся страница расползается в разные стороны. Подскажите пожалуйста, что, как, почему так получается, на что нужно обратить внимание. Еще не разу ни пробовал резиновый макет ...,вот ссылка на страничк:http://pattaya-solntsev.narod.ru/Sky/sky.html

    Asked by pattaya,

    0 votes
    16 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