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. высота div 100% - не выходит каменный цветок :(

    Здравствуйте, я уже обращалась сюда со своей проблемой (http://forum.htmlboo...topic=43270&hl=), среди советов был переверстать шаблон дивами, но проблема от этого меньше не стала. Сейчас имеем такую страницу, например, - http://dh-art.ru/portfolio/index.php Говоря вкратце, я хочу, чтобы мучимый мною див выглядел так (только до конца вниз): Проблема в том, что при этом этот див должен находиться над картинками верхнего слайдера (если пройдёте по ссылке вверху, поймёте, о чём я), потому что в противном случае скрипт при загрузке картинок оставляет на этом диве белые области, и при том не перекрывать правое меню. В общем, пока я не придумала ничего лучше. чем задать е…

    Asked by maritca,

    0 votes
    4 answers

  2. css резиновые div'ы

    Вобщем хотел сам сделать, но не получается Хочу сделать следующее: <div class="one"> </div> <div class="two"> <div class="n1"></div> <div class="n1"></div> <div class="n2"></div> <div class="n3"></div> <div class="n.n"></div> </div> one - фиксированая ширина two - обтекает one и занимает всё оставшееся место, Дальше то, что не получается: n1-n.n - если две в two помещается, то должен срабатывать float, но если разрешение маленькое - по одному, но занимать должен весь two. Вот вобщем всё. Как реализовать

    Asked by Zzz_,

    0 votes
    3 answers

  3. Не работает word-spacing в Хроме

    переустановил хром. Перестало работать сss свойство word-spacing. В остольных браузерах все норм і в старом до переустановки работало. Подкажте пожалуйста в чем дело!!!

    Asked by Ali_99,

    0 votes
    0 answers

  4. Сползают картинки при float:left

    http://img-life.ru/upload_image/1455e7d4aba37ff32d9234a74abd4f9e.jpg Как быть, помогите пожалуйста

    Asked by epog333,

    0 votes
    1 answer

  5. Верстка резинового бара для топика

    Здравствуйте, хочу у себя на сайте переделать бар для топика, но не знаю как сделать правильно! Будет 5 блоков. 1. 3-первых заданной ширины по левому краю, 2. 4-резина, 3. 5-не резиновый, но не заданной ширины по правому краю. Помогите такое реализовать.

    Asked by sssppp6,

    0 votes
    1 answer

  6. Простой макет резиновой страницы

    Всем доброго времени суток друзья! Я только начинаю верстать страницы, и мне нужна помощь. Напишите пожалуйста как сделать простую страницу с резиновой шириной, то есть мне нужен код HTML и CSS для резиновой страницы. Желательно на HTML5 чтобы присутствовали теги <header> <article> <footer> . Спасибо!

    Asked by RomanCasper,

    0 votes
    2 answers

  7. Кнопка набора номера

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

    Asked by Alfabora,

    0 votes
    1 answer

  8. Условные комментарии в IE не работают

    Условные комментарии в IE не работают, ie видит то чего не должен(загружает стиль Style, а стиль ie игнорирует) <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--[if IE]><link href="ie.css" rel="stylesheet" media="all" /><![endif]--> <!--[if !IE]--><link href="style.css" rel="stylesheet" media="all" /><!--[endif]-->

    Asked by Photolife,

    0 votes
    5 answers

  9. RTL в input Opera

    Всем привет! Доделываю верстку одного небольшого проекта присутствуют две версии шаблонов, один в ориентации LTR (стандартный) и RTL (зеркальный) так вот есть такой баг в Опере в инпутах текст не зеркалится, тость rtl не работает правила в стилях такие: .rtl body { unicode-bidi: bidi-override; direction: rtl; } .rtl .text_input input { unicode-bidi: bidi-override; } Версия оперы 12.14 ПС. Кто знает как решить помогите) .. это последний баг который нужно устранить

    Asked by howtomake,

    0 votes
    0 answers

  10. Chrome: Анимация срабатывает сразу после загрузки страницы

    Привет всем. Обнаружил странную особенность Хрома: анимация выполняется сразу после загрузки страницы. Вот, сделал тестовую страничку: http://www.photonoob...sition-bug.html Там всего один div, которому прописана анимация. Проверял на последних версиях Хрома (25.0.1364) на Win7 и MacOSX 10.6.2. (Если у кого-то не срабатывает, то попробуйте, находясь по вышеуказанному адресу, перейти на другую страницу, а затем нажмите кнопку «Назад» чтобы вернуться.) То что это баг я решил потому что такое поведение свойственно только Хрому. В других браузерах такого нет. Более того, даже в Сафари баг не обнаруживается. Вообще, поискав информацию на эту тему, выяснил, что уже существует о…

    Asked by ExtendedPlay,

    0 votes
    1 answer

  11. Мобильный сайт

    Добрый день, тестирую на народе, будущий мини-промо мобильный сайт. То есть на эту страницу будут редиректится мобильные устройства. Много ошибок в верстке конечно же, пока все исправляю. Подскажите пожалуйста. При клике по Генплану или по Фотогалереи, нижний <li> становится большой ссылкой, то есть у него ширина и высота меняются. Как мне это исправить? А также верхний расхлопывающийся элемент наезжает на нижний, особенно это видно опять таки если нажать на Генплан или по Фотогалерею. Спасибо за помощь! Да и за критику тоже. http://a-goncev.narod2.ru/main1.html

    Asked by Alfabora,

    0 votes
    2 answers

  12. Фокус на текстовом поле при заходе на страницу

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

    Asked by novickOk,

    0 votes
    1 answer

  13. Joomla мод virtuemart

    Ребят, такой вопрос... Делаю шаблон для интернет магазина(virtuemart) на joomla, изменил модуль поиска (mod_virtuemart_search.php) положил этот файл в папку HTML своего шаблона, но изменения не вступили в силу, работает стандартный файл мода а не мой. Как исправить? Быть может есть особенности в расположении?

    Asked by sakun,

    0 votes
    1 answer

  14. Проблема с расположением блоков

    Добрый день. Столкнулся со следующей проблемой. Не меняя рассположение блоков в коде, "прибить" футер к низу, при том что у блоков динамическая высота и на некоторых страница блока 4 может не быть. Есть следующий код: <body> <!--[if lt IE 7]> <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> <p></p> <![endif]--> <div id="container"> <header> <strong&…

    Asked by Lithium,

    0 votes
    10 answers

  15. зачем нужен bootstrap

    Ладно я тему не правильно назвал, ок bootstrap полезная штучка, только вопрос есть, PSD макет должен тоже под bootstrap делаться? Там же 12 градаций ширины колонки, попиксельно точно не сделаешь.

    Asked by SoFuWa,

    0 votes
    4 answers

  16. Как запретить фоновому изображению увеличивается при масштабировании сайта

    Как запретить фоновому изображению увеличивается при масштабировании сайта, должна ли вот эта строка выполнять эту функцию background-repeat: no-repeat;

    Asked by 4237723,

    0 votes
    0 answers

  17. Полное название Тега

    Т.к некоторые теги в html сокращены,то где найти полное название всех тегов на английско языке.Например <tr>-table row,<td>-table date.И так далее....

    Asked by ts-alan,

    0 votes
    1 answer

  18. Срезанный угол у всплывающего блока

    Очень нужна помощь. Как сделать срезанный угол у всплывающего блока, срез должен быть прозрачным. Блок должен тянуться в высоту в зависимости от контента. Тянущийся всплывающий блок - http://savepic.ru/4179335.png

    Asked by AndM,

    0 votes
    3 answers

  19. css резиновый div

    Вот, есть 2 div'a (float:left) у одного ширина 500px, как сделать что бы другой занял все оставшееся место на странице(min-width: 500px;max-width: 720px) и растягивался с ней, а первый оставался неподвижным?

    Asked by Zzz_,

    0 votes
    7 answers

  20. Как убрать тело архив рубрик?

    Пожалуста подскажите как в моей теме убрать полностью тело архив рубрик.Пробывал убрать полностью весь тег который отвечает за весь архив,но после все смещается сайт-бар и т.д. Спасибо,если кто ответит!

    Asked by trevod7,

    0 votes
    2 answers

  21. Слайдер

    Здравствуйте. Верстаю макет и там два слайдера, один большой на главной странице http://savepic.ru/4104812.jpg и один поменше http://savepic.ru/4120174.jpg Подскажите, пожалуйста, реально ли сделать идентичные сладеры или получится только похожые? Заранее спасибо.

    Asked by Kuzyo,

    0 votes
    3 answers

  22. Аномалия с <img>

    Доброе время суток. Столкнулся с проблемой: при выведении изображения внутри ссылки появляется ненужный отступ внизу. Вероятно тема не нова, в таком случае буду благодарен за ссылку на ресурсы. Код: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> a, span, div{ display: inline-block; border: 1px solid green; margin: 0; padding: 0; } img{ margin: 0; padding: 0; } </style> </head> <body> <a href="_foto/5.jpg"><img src='_foto/5.jpg'/></a> </body> </html>

    Asked by illya_v,

    0 votes
    3 answers

  23. Опера

    Здравствуйте. При регистрации и сохранении опера опера выделяет поля желтым цветом. Как убрать это безобразие?

    Asked by tyareg,

    0 votes
    5 answers

  24. Как пересилить браузерные шрифты?

    Здравствуйте. Пытаюсь на лету подправить код загруженной страницы в "инструментах разработчика" Хром. Ширину таблицы получилось уменьшить, а вот уменьшить шрифт текста в таблице и установить его равным 12пикс. нет. В чем моя ошибка? Взгляните пожалуйста на принтскрин. Видно, что используются некие браузерные стили:

    Asked by borus,

    0 votes
    1 answer

  25. Выравниевание сайта по центру

    Здравствуйте! Не могу как надо сделать выравнивание сайта по центру. Делаю так, на body задаю такие значения margin: auto; после этого сайт становится по центру. Но правый меню уходит за пределы экрана, и появляется нижняя прокрутка! Вопрос: как сделать правильную выравнивание по центру что бы правый меню поместился на экране? Сайт имеет структуру <body> <div id="main"> <div id="wrapper"> <div class="content"> <div class="header"> <div class="left"> <div class="top"> <!-- логотип --> &…

    Asked by breadfruit,

    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