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. Модальное окно CSS + немного JS

    Почему не работает? А здесь работает. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css.css"> <script type="javascript"> p = $('.popup__overlay') $('#popup__toggle').click(function() { p.css('display', 'block') }) p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') } }) $('.popup__close').click(function() { p.css('display', 'none') })</script> </head> <body> <p><input type="button" value="Popup!" id="popup__to…

    Asked by Delat,

    0 votes
    7 answers

  2. Обрезается backgroubnd

    Такая ситуация: html { height: 100%; } body { background: url(../images/bodybg.jpg) #fff; color: #000; font-family: "PT Sans", sans-serif; font-size: 16px; min-height: 100%; position: relative; } .wrapper { margin: 0 auto; position: relative; width: 960px; } В body блоки header, .bonus, .zakaz, .content и footer шириной на 100%. В некоторых из них свой backgraund. В эти блоки вставляется .wrapper, для фиксированного дизайна. При уменьшении размера окна происходит обрезание background блоков: header, .zakaz и footer (у блока .bonus и .content background как у боди). Вот наглядный скрин http://savepic.ru/4717814.jpg. Может кто сталкив…

    Asked by Gasherez,

    0 votes
    0 answers

  3. вывод картинок, приклееных к краю

    Есть код, но он почему-то не выводит обе картинки по правому краю экрана, выводит только одну. Почему? <!--ask question--> <? if (get_the_ID() != 2181) { ?> <div id='zadad'> </div> <script> $("#zadad").html('<a href="/zadat-vopros-po-stroitelstvu-bani" class="question_btn"><img src="<?php bloginfo( 'template_url' ); ?>/pics/ask_question.png" alt="" /></a>'); </script> <?}?> <!--end question--> <? if (get_the_ID() != 6141) { ?> <div id='zadad'> </div> <script> $("#zadad").html('<a href="/bani" class="str_bir_btn"><img src="<?php bloginfo( 'template_u…

    Asked by fowl,

    0 votes
    4 answers

  4. Дергание блока при раскрывании в FireFox

    Вот ссылка на мой раскрывающийся блок подписки на рассылку, работает во всех основных браузерах кроме FireFox любой последней версии, если на странице есть вертикальный скролл раскрывающийся блок дернется вправо и становится на место и также при сворачивании, как это пофиксить? перепробовал все что на ум приходило, прощу помощи професионалов

    Asked by ilyas,

    0 votes
    3 answers

  5. div со скругленными рамками

    Нужно сделать слой со скругленными рамками. Верхняя картинка/рамка и нижняя у меня фигурная и прозрачная, поэтому боковые рамки выезжают за пределы (вверх и вниз). Как это исправить? Вот здесь пример http://jsfiddle.net/8QZV7/

    Asked by aizul,

    0 votes
    2 answers

  6. подскажите как сделать такую автоматическую оплату?

    вот хочу узнать как сделать такую автоматическую оплату как на этом сайте http://djekxa.com/# подскажите пожалуйста) Заранее благодарен) если что кто может в скайп то вот vitia1461

    Asked by Виктор146,

    0 votes
    2 answers

  7. Проблемы с отображением

    Привет народ! Я в верстке не силен, но вот как-то наговнокодил что-то вроде этого: www.goodrest.info У меня проблема в следующем: некоторые браузеры , в частности последняя версия Хрома, тормозит неправильно отображая топ меню (посмотрите сами), в опере часом тоже наблюдается, в чем причина такого бага? Я понимаю что сам один сплошной баг, но все же , может кто-то поймет причину? я не пойму...=( Спасибо!

    Asked by Joe May,

    0 votes
    16 answers

  8. Выравнивание текста в верстке

    Привет всем. Я изучаю html и css чуть более недели. На данный момент выполняю учебную верстку. Встала проблема с выравниванием текста в одну строку как показано на рис. то что получилось у меня на рис.2 собственно проблемы следующие возникли: при изменении размера ячейки (write comment) меняется также и размер самой верхней ячейки (12). Буду благодарен если посмотрите мой html и css код перейдя по ссылке. http://zalil.ru/34662928.

    Asked by Borka,

    0 votes
    6 answers

  9. Не работает свойство css font-weight

    Всем привет. Уже который день бьюсь над этой задачей, используя htmlbook.ru как полезный справочник (спасибо его создателем), но что-то дело не идет, и решил обратиться к вам, форумчанам, за помощью. Небольшое лирическое отступление. Начал делать проект, движок использую Wordpress. Но не плагинами единами, начал с прошлой недели осваивать html и css, прогресс есть, но не большой. Мне необходимо реализовать подобие следующего элемента: Пока получилось вот так (оранжевым в картинке закрасил вотемарку, дабы не самопиариться): Вот тут я и встал. Данный совокупный элемент у меня реализован следующим образом: <a href="<?php the_field( "image_acf" ); ?>"><img …

    Asked by end,

    0 votes
    11 answers

  10. Как правильно вычислить вертикальный padding для текстового блока?

    Столкнулся с проблемой вычисления реального отступа в текстовом блоке. Например, если указать padding:10px, то фактический вертикальный отступ получается больше 10px. Где-то как-то padding пересекается с размером шрифта и line-height. Пробовал отнимать, делить, прибавлять, но не отстледил никакой закономерности. Возможно есть какая то формула для вычисления?

    Asked by Anubis,

    0 votes
    4 answers

  11. Неполный бордер

    Друзья, а как реализовать такой бордер? Подскажите пожалуйста

    Asked by ghrd,

    0 votes
    6 answers

  12. Слайдер на чистом CSS3

    Ребят, помогите пожалуста. Как добавить к этому слайдеру автопрокруту через каждые n секунд, на чистом CSS3, без JS? http://csscience.com...siveslidercss3/

    Asked by two_pizza,

    0 votes
    3 answers

  13. Верстка html письма

    Здравствуйте, подскажите как правильно верстать html письма?

    Asked by Rubik,

    0 votes
    9 answers

  14. Сильно растягивается таблица

    http://nt-reklama.ru/prajs-list-karmany-pod-pechatnuyu-produktsiyu Поясните почему таблица себя так ведет, хотя текст абсолютно нормально выглядит.

    Asked by aquapasha,

    0 votes
    5 answers

  15. Английские и русские термины.

    Какие существуют правила употребления терминов? Например слово "валидация" является калькой английского слова "validation". С одной стороны нехорошо засорять русский язык и перевести как например "проверка синтаксиса", но с другой стороны при чтении документации на английском языке нужно будет сделать обратный перевод и угадать с точным термином. Может писать русский термин и в скобках английский вариант?

    Asked by АнатолийМ,

    0 votes
    5 answers

  16. Скачет уголок в Хроме

    Добрый день. Подскажите как православно верно сделать такие "уголки"? http://jsfiddle.net/npofopr/eA63W/ Проблема в общем то в следующем. На jsfiddle нет проблемы, а вот если посмотреть в Хроме на То при изменении ширины браузера, можно увидеть, как прыгает уголок. Или при вызове инспектора, тоже может прыгать Если убрать letter-spacing у span'а, то всё становить хорошо. Но может где то еще я наделал ошибки или можно проще всё было сделать?

    Asked by npofopr,

    0 votes
    3 answers

  17. DIV слой поверх flash

    Знаю что тема изъезженная до нельзя, но тут ситуация немного другая. На сайте есть flash и всплывающие окно. Flash это плеер с сайта http://megavisor.com/, который генерируется посредством вставки iframe на мою страницу, и уже в этом самом iframe и есть тот flash. Соответственно при открытии всплывающего окна флеш вылезает поверх этого самого окна. Разработчик не учел расширенные настройки своего плеера. К параметру wmode не подобраться. Есть идеи?

    Asked by sergeyvolk,

    0 votes
    5 answers

  18. Всплывающая кнопка в блоке при наведении на его

    Есть блок с картинкой. Как сделать, что бы при наведении на этот блок на картинке в центре всплывала другая картинка?

    Asked by realyhead,

    0 votes
    4 answers

  19. По горизонтали фиксировано, но по вертикали должно ездить

    Здравствуйте! Есть страница сайта: http://gorenje.desig...u/produkty.html На ней есть внизу две (красные) плашки. В общем надо, чтоб при прокрутке в окне браузера они по оси Y оставались на одном месте (как сейчас и есть), а по оси X сдвигались вместе с серой рамкой (если меняем ширину окна). Тоесть чтоб они были прикреплены к серой рамке статьи (по оси X) и при резайзе окна браузера никуда не убегали (по оси X). Возможно ли это сделать с помощью CSS ?

    Asked by sc_creator,

    0 votes
    1 answer

  20. Мобильная версия

    Здравствуйте! У меня такая проблема. При верстке мобильной версии (320px фиксированная) в мозиле и ие 10 получаются вот такие чудеса (В др. броузерах не смотрел, в Сафари все нормально!). Вот ссылка на скриншот http://itmages.ru/image/view/1151725/3324b252. Кому не трудно посмотрите, очень нужно! Заранее огромное спасибо.

    Asked by Gasherez,

    0 votes
    3 answers

  21. Нужен совет бывалых. Посоветуйте матчасть пожалуйста.

    Всем доброго времени суток. Суть дела в том, что я намерен обучиться html-верстке. Есть тестовое задание и мне нужны Ваши советы по поводу того, что мне необходимо изучить и почитать для того, чтобы я был способен это задание выполнить. Заранее всем спасибо за содействие. Вот ссылка: https://docs.google.com/file/d/0B6sGLd4R5HYAUkNXRG96Z1prRjA/edit?usp=sharing

    Asked by Strider,

    0 votes
    11 answers

  22. Ссылка, картинка, не работает.

    Джамбо. Тема очень простая, но что то мне в голову ничего дельного не приходит. Не работает ссылка на картинку, картинка открывается как пустая, но если открыть картинку в новом окне, то загружается нужная страница..Вроде ссылку описываю правильно, единственное, сомневаюсь конечно что это как то влияет, но картинка с ссылкой засунута в див. <a href='http://blablabla.com/'><img src="http://7.arhwus.zxg8.ru/wp-content/uploads/2013/07/logo1.png" class="alignnone size-full wp-image-3738" /></a>

    Asked by CatInTheBread,

    0 votes
    2 answers

  23. Firebug

    Доброго времени суток. Я чет не пойму почему при наведении на body, page выделяеться не вся рабочая область а только header. Обьясните пожалуйста почему так http://itmages.ru/image/view/1151048/b9ef46da http://itmages.ru/image/view/1151049/5b3aa4cc

    Asked by T001,

    0 votes
    2 answers

  24. не отображается картинка

    не отображается картинка (hot job online), т.е отображается, но не везде (зависимости между браузерами не нашел) просмотреть картинку сайт

    Asked by pupil,

    0 votes
    6 answers

  25. проблема с позиционированием в IE9

    спасибо сам разобрался , тему можно удалить.

    Asked by taloverov,

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