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://joxi.ru/yYwqVIwyTJBgeQmmPUE http://joxi.ru/y40qVIwyTJDVAvBqhbk <div id="search" class="form-box"> <form action="/search/"> <input id="form" type="text" name="q" placeholder="Поиск товара..." value="" maxlength="50" autocomplete="off"> </form> </div><input name="s" type="submit" value="jr" id="submit">div.form-box { position: relative; z-index: 2; left: 20px; top: 20px;/*22px;*/ margin: 0; padding: 0;} #form { position: absolute; height: 30px;/*24px;*/ margin: 0; padding: 0 7px; width: 270px; border-top: transparent; border-bottom: transparent; border-left: 1px solid #00…

    Asked by Delat,

    0 votes
    4 answers

  2. Выпадающее меню

    Здравствуйте, есть такая меню , при наведении на область .submenu она исчезает из за отступа. Как сделать чтобы она не исчезала? Ps. отступ мне нужен.

    Asked by Laroxx12,

    0 votes
    4 answers

  3. Как избавиться от скачка при развертывании текста

    Подскажите пожалуйста, как избавиться от скачка влево при появлении бегунка? Вот образец: http://vanna-servis.com.ua/price.html Спасибо!

    Asked by Vic-Tor,

    0 votes
    4 answers

  4. Это ужас?

    Решил глянуть несколько уроков из курса Тренинг "Верстаем на 5+" версия 2.0 и в одном из них увидел вот такое

    Asked by DivMan,

    0 votes
    4 answers

  5. смещение текста на вторую строку в пункте меню

    Доброго дня всем , второй день бадаюсь , помогите пожалуйста советом . на сайте http://asl.ru.показать.сайт , хочу чтобы в меню текст пункта "о комании" был в одну строку , не понимаю что его смещает, на ширину пункта меню не реагирует , white-space тоже , дальше я обезоружен . Движок joomla , меню отдельным модулем "as menu" .

    Asked by reen1s,

    0 votes
    4 answers

  6. В чём разница селекторов

    В общем достаточно странная вещь происходит. Элемент с классом .bx-pager на странице ОДИН ЕДИНСТВЕННЫЙ. А результат во всех трёх случаях разный. Объясните пожалуйста новичку в чём разница. #slider .bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } #slider.bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } .bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } Собственно вот этот http://bxslider.com/ на всякий случай.

    Asked by visortelle,

    0 votes
    4 answers

  7. position absolut

    Добрый день прикрутил слайдер, сделал фото на background, внутренние блоки выставил через position absolut, но появилось куча багов, на разных маниторах плывет, речь идет не о адаптивной верстке! Подскажите пожалуйста, как можно обойтись без позиционирования, но выставить картинку слайдера background. чтоб элементы aside-right и aside-left был в контенте, а картинка задним фоном!! ниже ссылка на сайт и код html Спасибо за помощь. http://sport.teslalight.com.ua/ <article><div class="bx-viewport"><ul class="bxslider"> <li><img src="images/bg_2.jpg" /></li> <li><img src="images/bg_2.jpg" /></li> <li><img src="i…

    Asked by mrfrunze,

    0 votes
    4 answers

  8. Как решить такую задачу?

    http://fastpic.ru/view/66/2014/1015/1f8484aabc956a38d4a0e19d32310abb.jpg.html я имею в виду картинки которые по бокам. как сделать? создать вложенные дивы? например так <div class="основной бекграунд"><div class="левая картинка"><div class="правая картинка">основной контент</div></div></div>или какие способы решения? пробовал через Position:absolute; но тогда придется задать фиксированную ширину, а я буду делать резинку + адаптив, такой вариант не подходит.

    Asked by raptor-dm,

    0 votes
    4 answers

  9. Кто сможет объяснить отличие <div> от <p>

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML CSS Example</title> <style> body { width: 50%; margin: 8px auto; font: 1em/100% sans-serif; color: #000; } .ex_01 { line-height: 250%; background-color: #ccc; padding: 20px; text-shadow: 0 1px 0 #fff; } .in_01 { background-color: #999; padding: 20px; text-shadow: 0 1px 0 #ccc; } .in_02 { background-color: #666; padding: 20px; text-shadow: 0 1px 0 #999; } </style> </head> <body> <!-- 1. div.ex_01>lorem20+div.in_$$*2&g…

    Asked by FishNetWeaver,

    0 votes
    4 answers

  10. Смещение текста по вертикали внутри div

    Не думал, что упрусь в этот вопрос. Хочу текст разместить в правый нижний угол дива. Какие есть способы? Единственное что приходит в голову - использование position.

    Asked by serKrusH,

    0 votes
    4 answers

  11. Помогите с вертской пожалуйста.

    Помогите пожалуйста. Я новичек. И мне нужно, чтобы данный код брался из одного файла на разные страницы сайта, чтобы я потом мог его редактировать только в одном месте. Как это вообще реализовать подскажите. Большое спасибо заранее. <!-- _________________________ Start Middle Bottom _________________________ --> <div id="middle_bottom"> <div id="test-widget" class="widget"> <script src="js/jquery.cycle.all.latest.js" type="text/javascript"></script> <script type="text/javascript">$('#test-widget ul').cycle({ fx: 'scrollUp', speed: 500, timeout: 15000, next: '#next_test', prev: '#prev_test', random: true, randomMap: true…

    Asked by drmodjo,

    0 votes
    4 answers

  12. unexpected $end

    Извиняюсь за многабуков внизу( все однотипное правд но на всякий случай скинул весь блок). Делаю игру ( угадай число) и натолкнулся на проблемку. Parse error: syntax error, unexpected $end in /home/u177089695/public_html/gam2.php on line 203 Не работает именно из за кейсов, т.к. без них игра работает. Подскажите что не так сделал пожалуйста! switch ($t) {case 1:?><table> <tr> <td style="background-images: url(images/cat/1.png);"></td> </tr></table><?php break;case 2:?><table> <tr> <td style="background-images: url(images/cat/2.png);"></td> </tr></table><?php break;case 3:?><table…

    Asked by Manivani,

    0 votes
    4 answers

  13. hover в div'e действует на вложенные блоки

    Подскажите как решить следующую проблему, есть li в нём div, при наведении мыши к диву должен применится hover, но он применяется только к вложенным блокам а не к родительскому диву! то есть бэкграунд меняется например у 'news_title_header' когда мышка находится на нем, а у всего 'news_parent' не меняется. такая конструкция <li> <div class="news_parent"> <div class="news_title_header"> <a data-post="5" href="news/novost-3">Новость 3</a> <i class="c_time">01.11.2014</i> </div> <div class="news_short"><p>краткое описание</p></div></div></li>стиль: #news li {margin-botto…

    Asked by snake2,

    0 votes
    4 answers

  14. Проблема из маркерами списков, не могу разобраться ((

    у меня есть сайт http://nsp23.com/. Недавно мне стало нужным создать маркер списка, но столкнулся с проблемой стилей. здесь выложил меню самого сайта http://jsfiddle.net/ugp2sj9h/ помогите пожалуйста в решении проблемы.

    Asked by saen,

    0 votes
    4 answers

  15. a > div

    Можно ли использовать элемент div внутри элемента a, без изменения дисплея? Допускается или такое в спецификации? В линде говорят то что можно, а в ШП говорят нельзя.

    Asked by DivMan,

    0 votes
    4 answers

  16. Проблема с инструментами разработчика Chrome

    В последние 2 недели возникает иногда проблема с инструментами разработчика Chrome. Обычно в хроме возле селектора всегда был написан файл и номер строки, теперь иногда перестает показываться. С чем это вообще может быть связано?

    Asked by da4ka,

    0 votes
    4 answers

  17. Счетчик обратного отсчета

    Добрый день, подскажите где найти именно такой счетчик или где найти счетчик который можно править самому. задать слеш, цвет цифр, шрифт и т.д. Пересмотре много в нэте, но все однотипное (( и одно и тоже. Спасибо.

    Asked by mrfrunze,

    0 votes
    4 answers

  18. Валидатор показывает ошибки

    Валидатор пишет на запись ниже: No p element in scope but a p end tag seen. <p style="text-align: center; font-size: 140%;color: #666;">8 (800) <span style="color: #993333;">333-66-73</span><br /><span style="font-size: 75%; color: #666;">(бесплатный по России)</span></p> Ни как не могу исправить ошибки, все текст проверила кругом тег p закрытый вот можно посмотреть страницу (3 похожие ошибки): http://yaroslavl.datrans.ru/perevozka-gruzov-yaroslavl-yakutsk-yaroslavl Спасибо.

    Asked by olyakutukov@ayandex.ru`,

    0 votes
    4 answers

  19. отступы над/под меню

    Проблема с меню, вставляю код меню к себе на сайт, над и под менюшкой появляются отступы примерно 10px - 15px - не могу понять где мне это исправить. Подскажите может еще что нибудь добавить или убрать нужно, вот коды: css: #dropdown_nav {width:1076px;padding-left:0px;padding-top:0px;display:inline-block;list-style:none;border-radius:5px;border-bottom:0px solid #777;-moz-border-radius:5px;-webkit-border-radius:5px;background: #DCDCDC url(../img/menu.png);-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;} #dropdown_nav li {padding:12px 0px 12px 0px;float:left;position:relative;display:inline-block;} #dropdown_nav li a {text-decoration:…

    Asked by HarPy,

    0 votes
    4 answers

  20. Webstorm кракозяблы в консоли

    Есть Webstorm 8, поставил Ruby 2.1.4, доставил Sass, при работе всего этого выдаёт такую вот картину Как победить эти кракозяблы? Или в какую сторону копать? Заранее спасибо!

    Asked by Vlad02,

    0 votes
    4 answers

  21. Галерея CSS transition

    Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/

    Asked by Delat,

    0 votes
    4 answers

  22. Трехколоночная адапривная верстка

    Доброго дня, дамы и господа. Вопрос: Нужно сверстать трехколоную страницу на которой бы при сужении экрана боковые колонки одновременно убегали под центральную главную. Колонки: <div class="wrapper"> <div class="main"></div> <div class="left"></div> <div class="right"></div></div> Стили: .main { width: 800px; margin: 0 200px;}.left { width: 200px; float: left;}.right { width: 200px; float: right;} и они действительно при малом экране стают так, как надо: @media (max-width: 999px) { .main {width: 100%;margin: 0;} .left, .right {width: 50%;} Но если окно 1000px и больше, то получается так: Если код помен…

    Asked by Ivan-P,

    0 votes
    4 answers

  23. Не правильное отображение на мобильных устройствах

    Добрый день, заметил, что на http://gigaline.com.ua/about.html заходя с мобильного устройства или устройства с маленьким разрешением экрана текст опускается за стиль, где то вниз )) http://gigaline.no-ip.biz/owncloud/public.php?service=files&t=463d8ff3d3a36dad4e93b16ab6305a1c&download подскажите как побороть данную досаду?

    Asked by myr4ik07,

    0 votes
    4 answers

  24. Помогите допилить слайдер

    Есть две проблемы: 1 скролл горизонтальный 2 не становится картинка на всю высоту 1138px + нижний отступ. помогите найти решение! Пробовал разные варианты с позицонированием, не помогает, все равно картинка не становится, Подскажите где надо править чтоб получить нужный результат! Спасибо, очень надеюсь на вашу помощь!!

    Asked by mrfrunze,

    0 votes
    4 answers

  25. Помогите с позиционированием по центру

    Мне надо чтобы текст был строго по центру экрана, прижат к верху (не фиксирован) на разных разрешениях. Перепробовала кучу вариантов - ну никак не получается - на разных разрешениях косяки... ...я в CSS не очень,- может что упускаю... код CSS: .tel {position:absolute;top:-28px;color:#64583a;z-index:1;font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, Serif;font-size:19px;}код HTML: <div class="tel">(048) 794-15-75 (048) 743-57-72 (098) 232-89-13</div>Заранее благодарна за помощь.

    Asked by irinasfdr,

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