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. Подскажите проверку

    Я хочу сделать проверку формы как в задании http://htmlbook.ru/practical/forma-registratsii, где число с картинки, возможно чтобы это реализовалось только css и html ?

    Asked by jaster,

    0 votes
    1 answer

  2. Никак не можем заставить отображаться шрифт

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

    Asked by makc123,

    0 votes
    2 answers

  3. проблемы с фоном подскажите

    Когда смотришь сайт то норм, как только начинаешь его увеличивать или уменьшеть, начинает все сьезжать как это лечиться ?? вот когда в 100% сайт в браузере http://s020.radikal....72d81ab042d.jpg и когда увеличен в браузер все сьезжает http://s018.radikal....27ef09f4878.jpg

    Asked by Savok32,

    0 votes
    6 answers

  4. 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

  5. Сайт расползается :-(

    Помогите разобраться в чём или где находится проблема. При смене размера шрифта сайт расползается. Так же в некоторых браузерах отображается всё криво. Сайт: http://www.hddlab.de

    Asked by datenrettung,

    0 votes
    3 answers

  6. Как сверстать такой блок

    Здравствуйте! Есть такой макет: ссылка на изображение, размер: 143 кбайт, 1024 x 641 точек Задача состоит в том, как сверстать большой полупрозрачный блок. Я использую верстку с прижатым футером. Код: <body id="inner"> <div id="wrapper" class="w100" style="background-image:url(maneBg_2.jpg); background-position:0 0;"> <div id="main"> <div id="all"> <header class="strip"> <div id="header_c"> <nav id="menu_l"> <ul> <li><a href="#">Парикмахерский зал</a></li> <li><a href="#">Ногтевой сервис</a></li> <li><a href="#">Косметология</a>&…

    Asked by Светлана Гр.,

    0 votes
    6 answers

  7. Сделать swf анимацию под ссылкой

    Есть страница с swf анимацией http://cardterapia.ru/content/babochka. В этой анимации зашита ссылка на левый сайт. А мне нужно, чтобы при клике на эту анимация открывался другая страница на моем сайте. Вот сам код <object height="500px" id="Flash" width="920"><param name="movie" value="/sites/default/files/9.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /></object> Может как то z-index поможет отодвинуть на второй план анимацию, а сверху сделать ссылку на всю область анимации?

    Asked by smirn0ff,

    0 votes
    15 answers

  8. Display run-in

    Доброго времени суток! В общем проблема маленькая и думаю даже свои коды на эту тему выкидывать не буду... Суть такая. Есть меню UL LI с горизонтальным отображением. Меню без излишней графики. В отображение LI ссылок использован параметр DISPLAY: INLINE . Во втором уровне меню LI UL LI, для вертикального отображения текста, был использован параметр DISPLAY: RUN-IN Во всех браузерах, эффект достиг за мысленного, а вот в Firefox нет. Посмотрев таблицу совместимости, обнаружил, что FF не поддерживает сей параметр . Вопрос: Как иным способом заставить Firefox понимать, что во втором уровне меню DISPLAY: INLINE использовать не надо?

    Asked by oscora,

    0 votes
    2 answers

  9. Как создать раскрывающееся окно?

    Здравствуйте! Не могу ни где найти или может описываю неправильно. Нужно, что бы при нажатии на строку текста (списка) снизу открывался скрытый текст или еще лучше таблица. Т.е. нажимаешь на текст допустим "прайс на трусы" (таких строки 4), а снизу открывается этот прайс, а строчки текста, которые были под "прайс на трусы" съехали вниз. Спасибо! ps: вот здесь например: http://www.dentalea.ru/shop/

    Asked by Vic-Tor,

    0 votes
    1 answer

  10. Прижать блок к правому блоку без скрола при смене разрешения экрана

    Здравствуйте! Столкнулся с такой проблемой: Дано: Два блока. 1-ый блок содержит контент, 2-ой как элемент дизайна. Задача: Прижать 2-ой блок к правому краю экрана (ширина монитора 1900px по ширине) при условии, чтобы блок оставался именно в правом блоке, без смещений и при ширине экрана, к примеру, 1200px, соответственно чтобы небыло полосы прокрутки. Вот наглядные скрины: http://splotnikov.ru/1.jpg http://splotnikov.ru/2.jpg Подскажите пожалуйста как сделать. Заранее благодарен!

    Asked by 13bis,

    0 votes
    9 answers

  11. Меню сошло с ума!

    Доброго времени суток друзья ,подскажите пожалуйста как наладить отображение меню картинками Вроде бы что уже начало получатся ,но очень уже странно всё это работает (наводим на НОВОСТИ) Собственно сайт http://www.ma-facecontrol.ru/ Как же всё таки сделать так чтоб картинки были поверх текста

    Asked by tonymt,

    0 votes
    3 answers

  12. Две фоновых картинки body

    Здраствуйте! Никак не могу сделать две фоновые картинки, одна с верху по центре, вторая в низу по центре. При этом, в середине должен быть еще черный цвет. Вот собственно и картинка фона: Возможно такое сделать для одного тега body? Спасибо!

    Asked by riptup,

    0 votes
    11 answers

  13. Почему подключенные шрифты выглядят в разных браузерах по разному?

    Всем привет! Подключил на сайт http://flowqi.ru несколько шрифтов с помощью CSS @font-face { font-family: "Chine"; src: url('fonts/chine.eot'); } @font-face { font-family: "Chine"; src: url('fonts/chine.ttf'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.eot'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.ttf'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.eot'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.ttf'); } В результате в разных браузерах шрифты отображаются по разному Идеально в IE. Можно ли это победить? Может со шрифтами чт…

    Asked by VasyOK{!},

    0 votes
    9 answers

  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. Мобильный сайт

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

    Asked by Alfabora,

    0 votes
    2 answers

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

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

    Asked by RomanCasper,

    0 votes
    2 answers

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

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

    Asked by Alfabora,

    0 votes
    1 answer

  18. Joomla мод virtuemart

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

    Asked by sakun,

    0 votes
    1 answer

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

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

    Asked by sssppp6,

    0 votes
    1 answer

  20. Шапка

    Есть такой код, взятый с раздела "Макеты": http://tinkerbin.com/CQZ76oBi Сейчас у шапки есть отступ сверху, который мне нужно убрать. Пробовал ставить margin-top равным нулю, но не помогло. Что сделать, чтобы убрать отступ?

    Asked by novickOk,

    0 votes
    2 answers

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

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

    Asked by epog333,

    0 votes
    1 answer

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

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

    Asked by trevod7,

    0 votes
    2 answers

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

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

    Asked by Zzz_,

    0 votes
    7 answers

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

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

    Asked by Ali_99,

    0 votes
    0 answers

  25. Условные комментарии в 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

  • Обсуждения

    • 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