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. Фон тэга border

    Возможно ли вместо цвета рамки объекта использовать картинку? Как реализовать?

    Asked by Podarok2323,

    0 votes
    3 answers

  2. фон у шапки

    Не работает background-image у header, хотя с footer'ом все отлично. Не могу понять в чем дело! <!DOCTYPE html> <html> <head> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript" src="js/main.js"></script> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/main.css" type="text/css" /> <link rel="stylesheet" href="css/menu.css" …

    Asked by humb1t,

    0 votes
    2 answers

  3. Фон фикс. макета

    Если макет фикс. ширины (1000px), и фон (который будет виден, только на широких мониторах) не предусмотрен дизайном, как вы обычно поступаете в таких ситуациях?? как делаете такой фон??

    Asked by DrStrangeLove,

    0 votes
    1 answer

  4. Фон шалин в Мазилле.

    Добрый день! Есть вопрос, решение для которого я не смог найти. Скилл маловат. Вот цитата " http://childsecret.ru/kurs/grudnoe/ В GoogleCrome, Opera отображается так как я создавалВ Firefox один фон back2.png повторяется много разВ Yandex brouser один фон back1.png вообще отсутствует В css прописано так body { background-image: url(../img/back2.png), url(../img/back1.png); background-repeat: no-repeat, space; background-position: center top; } Как сделать, чтобы во всех браузерах было одинаково?" У меня даже мыслей нет в чём тут может быть загвоздка. Помогите пожалуйста советом.

    Asked by Paul_Liferenko,

    0 votes
    4 answers

  5. Фон элемента

    Здравствуйте. Я пытаюсь реализовать модальное окно у себя на сайте. Скажите, пожалуйста, как можно сделать так, чтобы левый, правый, нижний и верхний края имели каждый своё изображение? Пытаюсь сделать что-то типо этого:Может у кого-то есть другие варианты???

    Asked by antonhristovsky,

    0 votes
    10 answers

  6. Фон ютуба

    Ребят подмогните плиз дурочку, как фон ютуба к себе на сайт завести? В html капельку только пониамю.... сенки

    Asked by sergeyshat,

    0 votes
    2 answers

  7. Фон ячейки таблицы

    Вопрос к спецам: В таблице задал фон ячейки изображение, результат на компьютере: http://forum.astralife.ru/uploads/12267520...4_3102_9237.png Выгрузил в сеть, показывает пустые ячейки (только текст): http://forum.astralife.ru/uploads/12267520..._3102_24049.png Причём проверял раз пять и там и там, перезаливал страницы, опять проверял. При локальном просмотре есть, в сети нет! Что это? Листинг фрагмент: <tr height="27"> <td align="center" valign="center" background="files/str.png">http://</td> PNG'шка 12 х 27 х 24b P.S. А не может сказываться XHTML 1.0 Strict , мол что не полное разделение оформления и содержания? http://stepbystep.htmlbook.ru/?id=62

    Asked by yojik,

    0 votes
    5 answers

  8. Фон: растянуть и фиксировать!

    Извините, знаю что эта тема уже поднималась, но там не все ссылки работают. Я новичок, поэтому сразу прошу-подробнее!!! Надо растянуть автоматом фон под любое разрешение и зафиксировать. Недавно узнала про существование слоёв, очень понравилась идея, если можно сделать через них, то буду вообще в восторге!!! Ещё раз извините за тему, которую поднимает, наверное, каждый новичок, но я вам торжественно обещаю, что если вы меня научите, когда я подучусь, то напишу учебник и вас больше не будут мучать этим вопросом)))Заранее спасибо!! Всё бы ничего, но в ие вот это не работает: <html> <head> <title>Математика для народа</title> <style type="text/css…

    Asked by Matoka Kusanage,

    0 votes
    6 answers

  9. Фоновая загрузка файлов

    Можно ли подгружать файлы в фоновом режиме после загрузки страницы, чтобы при нажатии на ссылку файл открывался мгновенно?

    Asked by apexis,

    0 votes
    2 answers

  10. Фоновая картина-резина

    Первая работа с резиной. Верхний блок ширина 100% скажите плиз как сделать чтобы фоновая картинка в нем была резиновая-не повторалась и именно сжималась или растягивалась. Спасибо

    Asked by azarkin7,

    0 votes
    1 answer

  11. Фоновая картинка

    Как сделать так, чтобы фоновая картинка сжималась и растягивалась вместе с окном браузера?) заранее благодарен)

    Asked by MaTuAc,

    0 votes
    3 answers

  12. Фоновая картинка

    подскажите как сделать фоновую картинку резиновой (во всю ширину окна браузера)

    Asked by sklmaks29,

    0 votes
    3 answers

  13. Фоновая картинка

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

    Asked by slmzig,

    0 votes
    1 answer

  14. Фоновая картинка в <li>

    Возможно ли как то отобразить фоновую картинку за края в <li> блоке? То есть чтобы картинка не обрезалась.

    Asked by 2_k,

    0 votes
    13 answers

  15. Фоновая картинка в outlook

    Доброго времени суток. Столкнулся с проблемой в верстке email шаблона. А именно: почтовом клиенте outlook не растягивается фоновая картинка до размеров родительского элемента. Вот фрагмент кода: <table width="600"> <tr> <td bgcolor="#363636" style="background-image: url('http://s020.radikal.ru/i704/1703/7c/9068bb4c342dt.jpg');" background="http://s020.radikal.ru/i704/1703/7c/9068bb4c342dt.jpg" width="600" height="200"> <!--[if gte mso 9]> <v:rect style="width:600px;height:200px;" strokecolor="none"> <v:fill type="tile" color="#363636" src="http://s020.radikal.ru/i704/1703/7…

    Asked by Yummo,

    0 votes
    0 answers

  16. Фоновая картинка для input

    Делаю фоновую картинку для поля . Размеры поля фиксированы, фоновая картинка имитирует округлые поля, как в Mac. Проблема в том, что если текста в поле больше, чем ширина поля, фоновая картинка съезжает в ИЕ6-7. input { border: none; width: 228px; height: 20px; padding: 2px 10px; background: transparent url('/img/input_fio.jpg') no-repeat; } Добавление background-attachment: fixed; никак не влияет.

    Asked by azimsky,

    0 votes
    2 answers

  17. Фоновая картинка для сайта

    Подскажите пожалуйста, есть такие нюансы. 1. Уменьшайте масштаб в браузере http://waa.ai/4cTS - почему внизу появляется белый фон, почему именно белый, откуда это? Как пофиксить или изменить цвет? Т.е. изначально сайт уменьшается нормально, затем внезапно снизу белое. 2. Уменьшайте масштаб тут http://waa.ai/4cTs - видите что фоновая картинка стала как бы в воздухе? Теперь посмотрите сайт из п1 и увидите, что она по краям тянется. Теперь вопрос: можно ли сделать так, чтобы к краям прилипать фон начинал только с определенного разрешения, либо достигнув разрешения картинки и после не оставлять ее в вуздухе, а начинать тянуть. Другими словами, пока окно небольшое - как на…

    Asked by MyNameIsJim,

    0 votes
    1 answer

  18. фоновая картинка и фоновый цвет

    Очень простая вещь не работает ни в какую: body{ background:url(imgex5/header1.jpg) no-repeat #e9f1f4; background-size:100%; } Нужна вверху узкая картинка во всю ширину окна, а всё ниже фоновый цвет. Картинку видит всё OK, а цвет не видит.Мозги уже вскипели. Спасибо!

    Asked by ariel,

    0 votes
    3 answers

  19. Фоновая картинка на весь экран

    Как такое сделать? Вот скажем так, как на ostriv.in.ua

    Asked by inforoom.org.ua,

    0 votes
    1 answer

  20. Фоновая картинка на всю ширину

    Привет всем! Как верстается фоновая картинка, которая в psd макете выглядит как бы на всю ширину макета? То есть, такая, которую нельзя за-repeat-ить, которая полноценная картинка. На этой странице лежат макеты. Я спрашиваю сейчас про такие как 1, 2, возможно 3, 9, 11, 18, 26. Возможно нужно их верстать с фиксированной шириной страницы соответствующей макету, то есть, выравнивается по центру страница, а по бокам определенным цветом. Или как.. Помогите пожалуйста, не могу понять Например, с макетом 4 все понятно, потому что фон везде одинаковый, а вот макет 2 не пойму как правильно делать Надеюсь вы меня поняли , а если нет спрашивайте, что не понятно

    Asked by Bava,

    0 votes
    4 answers

  21. Фоновая картинка на кнопке

    проблема такая:ставлю фоновое изображение на кнопку(картинкой) в опере и мозиле все ок,в ие7 эта картинка не отображается,если ставить фоном стандартный цвет то везде все отображается это я кривой или так в ие7 и есть? Поиск и .searchButton{ background-image:url(../images/button.gif); border: none; font-size:16px; font-family: Arial, Helvetica, sans-serif; } вот код

    Asked by VoVa,

    0 votes
    2 answers

  22. Фоновая картинка по центру

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

    Asked by timon,

    0 votes
    3 answers

  23. фоновая картинка с блоком внутри

    есть внешний блок с фоновой картинкой на весь блок а внутри него блок с контентом 2 вопроса как переместить этот блок с контентом так как мне нужно - почему- то все смещается вместе с фоном и еще как сделать так чтобы остальная часть листвы бамбука была видна сайт http://frontend-er.h1n.ru/asia-spa/

    Asked by victorius,

    0 votes
    0 answers

  24. Фоновая картинка с закруглениями

    Пытаюсь оформить блок с закруглениями через фон картинку, способом описанным здесь http://htmlbook.ru/faq/kak-vydelit-stroku-s-pomoshchyu-bloka-s-zakrugleniyami В фотошопе сделал картинку с прозрачным фоном, чуть шире нужного, как советует автор. Слайсом отрезал нижнюю горизонталь, т как закругл сверху, и сохранил рис «как для веб». Задаю стилями фон рисунок и получаю: А. кроме нужного закругления еще и белые уголки. Б. Задав нужную ширину получил обрезь. Подскажите плз, где я ошибся и как добиться нужного результата.

    Asked by seemax,

    0 votes
    6 answers

  25. Фоновая картинка, 2 способа

    Одну и ту же по весу картинку ставим фоном двумя спос: через стили и через тег. В каком сл быстрее загрузка веб страницы? В каких случаях предпочтение нужно отдать одному конкретному спос?

    Asked by seemax,

    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