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. Opera 12.10 Не поддерживает radial-gradient

    Будьте аккуратны, дамы и господа. Сегодня обновил Opera до 12.10 и с ужасом обнаружил, что она не поддерживает radial-gradient, хотя везде прописаны фиксы Кто хорошо знает английский? Напишите пжт в поддержку Оперы. Никак не пойму что от меня требует их форма.

    Asked by iDrugov,

    0 votes
    12 answers

  2. выравнивание по высоте трех колонок

    Дорогие форумчане, помогите. Я совсем начинающий. Правлю css файл для интернет магазина, тем самым меняя его дизайн. Использую макет "Фиксированная ширина 3 колонки" . Проблема - если одна из колонок выше остальных, то получаются у остальных колонок разрывы с футером. Вот сайт albaro.ru Там прямо на главной странице видна эта проблема. Хотелось бы, чтобы высота всегда была одинаковая (по самой высокой колонке). Спасибо большое!

    Asked by samulet,

    0 votes
    12 answers

  3. Окно сворачивается сразу после открытия

    На сайте ventprodukt.ru слева под логотипом есть картинка, ведущая на видео. Если нажать эту картинку, то в центре экрана появится небольшое окошко со встроенным ютьюбным видео. Это окошко сразу сворачивается. Самое интересное в том, что раньше все было хорошо и ничего само по себе не сворачивалось. Код этого окошка: <html> <head></head> <body> <center><iframe width="640" height="360" src="http://www.youtube.com/embed/WYgJ72jZrsM" frameborder="0" allowfullscreen></iframe></center> </body> </html> Вопрос: что надо сделать, что бы оно не сворачивалось сразу, а оставалось на своем месте (в центре экрана) после от…

    Asked by IndigoHollow,

    0 votes
    12 answers

  4. Не первые шаги

    Всем привет прочел курсы по html css ознакомился со статьями по xhtml что есть во вкладке *основное* ОГРОМНЕЙШЕЕ СПАСИБО вроде все понятно но добравшись до раздела связанным с практикой и о УЖС понимаю что моих знаний недостаточно до того как добраться до сайта пытался усвоить что то из других уроков на прочих сайтах (но в силу того что по большому счету на многих ресурсах проблематично разобраться в примерах) конечно не на htmlbook ))) тут я действительно нашел что искал я бы хотел узнать где бы мне чего еще почитать так сказать что бы наполнить копилку знаний потому что хочется очень хочется научится программировать веб ресурсы но возник вопрос ... Итак …

    Asked by Bobikys,

    0 votes
    12 answers

  5. div строго под заданным div

    Здравствуйте, уважаемое сообщество htmlbook. Мне нужен совет: как сделать так, чтобы блок меню начинался точно с того места, откуда начинается блок баннера? Код страницы под спойлером. Заранее спасибо.

    Asked by sw33t,

    0 votes
    12 answers

  6. Не работает код

    Извините если пишу не в ту тему. Я тут новенький. У меня возник вопрос по верстке ,у меня есть 4 блока в меню,которые при нажатие первого блока он должен открываться и если нажимаешь другой блок то первый блок должен закрыться а этот блок открыться. Я сделал но почему блоки при открытие появляются в другом месте а потом вставляются в нужное место. В чем дело?? и правильно я написал вообще коды? script $(document).ready(function() { $('div[id^=blockNav]').hide(); $('li.van').click (function() { $('div#blockNav1').fadeIn(); $('div[id^=blockNav]:not(div#blockNav1)').fadeOut(); }); $('li.tri').click (function() { $('div#blockNav2').fadeIn(); $('div[id^=block…

    Asked by skvaer09,

    0 votes
    12 answers

  7. Чертовщина с border dashed

    что за чертовщина никак не могу понять http://table.ts6.ru/ или тот же код страницы <!DOCTYPE html> <html> <head> <title></title> <style> body { background: #444; } div { margin: 0 auto; width: 400px; height: 90px; border: 1px dashed #000; padding: 0px; background: #444; } </style> </head> <body> <div></div> </body> </html> Создаю через блокнот пустой файл с расширением .html, пишу код это. открываю страницу через IE8 (в режиме совместимости с IE7 открывает страницу), рамка как надо, пунктирная, чёрная, F12 в IE перевожу реж…

    Asked by Vadimka,

    0 votes
    12 answers

  8. Помогите сделать меню, готов заплатить

    Всем привет! Помогите пожалуйста, мучаюсь уже 3 дня, крыша едет )) Вот сайт: http://stroy.galay.by Там представлено меню, так вроде, худо, бедно работает... но теперь не могу решить проблему, если одному из пунктов присваиваешь class="active" для li и одного из вложенных в него подпунктов тоже class="active", то должно оставаться открытым подменю активного пункта, а при наведении на другую ссылку, должен пропадать активный и загораться тот на который навели. Понятно что мое настоящее решение не будет работать в IE, будь он не ладен, планирую создать отдельный стиль с круглыми картинками, но вопрос с активными пунктами так и не решен, готов заплатить за помощь, выручайте Г…

    Asked by galaydas,

    0 votes
    12 answers

  9. запрещение перетаскивания

    нарисовал дизайн сайта в фотошопе, потом раскройкой разделил на кнопки и сохранил добавил ссылки по клику (делал по принципу http://tyniks.ucoz.ru/publ/stati_dlja_khakerov/kak_sdelat_aktivnuju_knopku_samomu2/3-1-0-239) если зажать левую кнопку мыши, на любой точке страницы и потянуть, то появляется значок перетаскивания картинки как сделать чтоб он не появлялся? (что б мышкой картинки не таскались а то некрасиво)

    Asked by mangust84,

    0 votes
    12 answers

  10. Как включить подсветку текущей страницы в пагинации? bootstrap

    Здравствуйте. Делаю вёрстку через бустрап. Отображаются номера страничек как нужно, но вот подсветка номера страницы в пагинации не работает. Тут сказано http://twitter.githu...html#pagination, что для активной ссылки номера страницы нужно в тэг <li> вписать класс -<li class="active">. Но этот класс никак автоматически не переписывается на другие ссылки номеров страниц. Наверно надо что-то из JS подключить. Вот только что и как? подскажите, кто знает. Пример то простой...

    Asked by viz9,

    0 votes
    12 answers

  11. Сайдбар 100%-ой высоты, прижатый футер + всплывающее окно.

    Всем привет. Очень нужна помощь. Столкнулся с ситуацией, над которой целую ночь проломал голову. Есть такая страница: http://webmaster.ayr...dow/index.html# Требуется, что бы левый сайдбар на ней тянулся относительно общей высоты(то есть был бы равен 100%) + футер должен быть прижат к низу страницы. Это конечно реализовать не сложно. Проблема возникает тогда, когда всплывающее окно(то есть планируется, что оно будет всплывать конечно. ) начинает иметь высоту большую чем его обвёрточный блок(.wrapper_progressive_window) В общем всё это дело(окно с белым-полупрозрачным фоном) начинает налазить на футер и выходить за рамки всех родительских блоков(в том числ…

    Asked by Yamaradg,

    0 votes
    12 answers

  12. Разный html код для разных платформ (ПК / Планшет / Телефон)

    Здравствуйте уважаемые форумчане. Стоит задача сделать два разных HTML кода для разных операционных систем. Например для виндовса я хотел бы показывать код вида: <a href="skype:+71234567890">+7 (123) 456-7-890</a> Данный приём позволяет звонить с компа по средством скайпа. Для телефона / смартфона : <a href="tel:+71234567890">+7 (123) 456-7-890</a> Данный код позволяет звонить прямо с мобильника по клику в в ссылку со смартфона. Есть вариант со стилями и display: none; Но хотелось бы что то более разумное.

    Asked by Nushaba,

    0 votes
    12 answers

  13. Выравнивание по максимальной высоте

    Добрый день всем. Мучаюсь над выравниванием блоков по высоте. есть такая штука: http://jsfiddle.net/kBgRH/ Надо выровнять эти 3 колонки. Добился какого-то результата по выравниванию в хроме, но в IE9 фон тянуться не хочет... .region-bg использую по причине, что вместо цвета будет background-картинка. Существующие решения не катят из-за: 1) произвольное число колонок (там еще и строк будет несколько) 2) border-radius Есть предложения сделать это без JS? P.S. заранеее спасибо P.P.S. прикольный глюк, кстати. Если убрать top:0 у .region-bg, то он прижмется к низу, если убрать bottom:0, то он прижмется кверху. это нормально. но вместе в IE9 они обрабатываются довольно странно.…

    Asked by MiReQ,

    0 votes
    12 answers

  14. Проблемка в адаптивном дизайне, гуглил-не нашел.

    Ситуация проста до безобразия... При чем сделал уже несколько адаптивных сайтов, но такой проблемы не было... Есть шапка, ширина 80%, в шапке три колонки например по 33% шириной. в итоге из-за такой шапки добавляется к сайту горизонтальная полоса прокрутки :-) в чем прикол кто может объяснить? Заранее благодарю. код - шапки #header{ position:relative; margin: 0 10%; width:80%; } код колонок - #col_left{ float:left; width:50%; height:auto; } #col_center{ float:left; width:20%; height:auto; } #col_right{ float:left; width:30%; height:auto; } как видите все просто... в чем может быть загвоздка не могу понять) измучался весь)

    Asked by Березовский,

    0 votes
    12 answers

  15. Горизонтальное Выпадающее Меню

    Добрый день. Ниже приведен код меню: http://jsfiddle.net/96P6K/1/ 1) Как сделать его горизонтальным? не пойму; в css добавлял св-во display: inline и inline-block, не помогает. Подскажите кто-нибудь.

    Asked by ThierryH,

    0 votes
    12 answers

  16. Редизайн сайта, проблема с картинками, html5

    Прошу помочь с вёрсткой сайта. Проблема с картинками на сайте. При изменении разрешения к примеру 1920 px, на сайте картинки с логотипами автомобилей съезжают вниз. Полурезина: max-width: 1500px; min-width: 1000px; Как сделать так что бы при изменении разрешения логотипы авто не съезжали http://development.i...ter.co/tuning/#

    Asked by marischka,

    0 votes
    12 answers

  17. Растянуть блок на всю ширину контейнера

    Всем привет! Есть два блока: 1. контейнер 2. блок внутри контейнера Возможно ли растянуть блок внутри контейнера на всю ширину контейнера с помощью css не зная при этом ширины контейнера? http://learn.javascript.ru/play/ACLeKb Спасибо.

    Asked by nerv,

    0 votes
    12 answers

  18. Приклеить img в sidebar внизу сайта

    В WordPress нужно приклеить снизу в боковой панели картинку CSS-ом. Не внизу окна браузера (как, например, http://www.cssstickyfooter.com/ или http://twitter.github.io/bootstrap/examples/sticky-footer.html или http://timothy-long.com/examples/responsive-sticky-footer/), а внизу самой страницы. Страница длинная, с прокруткой, и пока не докручу, картинку сбоку внизу не увижу. Спасибо, извините за примитивность поставленной задачи. Не верстал аж с 2002 г., подзабыл премудрости абсолютного позиционирования.

    Asked by gasyoun,

    0 votes
    12 answers

  19. Шрифты

    Здравствуйте. Объясните мне как новичку или дайте ссылки, какие стили шрифтов нужно использовать при вёрстке сайта) Где нужно использовать обычный, а где подчеркнутый. Или где курсив, а где нужно жирный. Какой нужно использовать в меню и т.д. Я новичок в этом. Уже гуглил, противоречивые ответы находил. Помогите мне зелёному))

    Asked by Risamey,

    0 votes
    12 answers

  20. Как убрать подсказку для input type file в Google Chrome?

    Ребят, привет! Может у кого получалось убирать всплывающую подсказку у input поля выбора файлы в Google Chrome? По умолчанию подсказка отображает имя выбранного файла или текст "Файл не выбран". Задание пустой подсказки не помагает: <input type="file" title=""> стандартный title все равно отображается.

    Asked by Modder,

    0 votes
    12 answers

  21. Css - изменение стиля 1-й буквы при наведении мышью

    Здравствуйте, я почти не разбираюсь в CSS, поэтому столкнулся с такой проблемой: "Нужно изменять стиль 1-й буквы при наведение мышью на слово (ссылку)", вот код к которому следует применить класс: <ul class="css-menu-2"> <li><a href="/index.php"><span class="ClassForMenu">Г</span>лавная</a></li> ... Вот сам класс: a.ClassForMenu:hover { color: orange; font-weight:bold; } Когда делаю так, ничего не происходит при наведении мышью, а когда убиваю ":hover" то буква применяет стиль (независимо от того, навели ли на нее курсором или нет). Подскажите что я не так делаю, заранее благодарю за помощь!

    Asked by Mike_tm,

    0 votes
    12 answers

  22. как сделать border-top только для верхнего края

    Всем добрый день! Я сделала разделитель по низу за счет border-bottom, но не знаю как сделать для первого элемента border-top?

    Asked by Nailya,

    0 votes
    12 answers

  23. css всплывающее окно с img поверх текущей страницы

    Доброго дня: имеем конструкцию типа: HTML <section id="ph_main" class="ph_main"> <div class="ph_wrapper ph_wrapper_col1"> <div class="ph_scroll"> <ul class="ph_strip"> <li><a style="height: 160px; width: 150px;" href="/IMG/1.jpg" title="Spring1" ><img src="/IMG/icon/1.jpg" /></a></li> <li><a style="height: 160px; width: 150px;" href="/IMG/2.jpg" title="Spring2" ><img src="/IMG/icon/2.jpg" /></a></li> <li><a style="height: 160px; width: 150px;" href="/IMG/3.jpg" title="Spring3" ><img src="/IMG/icon/3.jpg" /></a></li> <li><a style="height: 160px; widt…

    Asked by Серый_Ветер,

    0 votes
    12 answers

  24. Div, надпись и поле ввода

    Всем привет. Подскажите, как можно сделать следующее: в одном div одной строкой разместить поле ввода по ширине этого дива и справа от него кнопку. То есть получается, кнопка находится справа и ее размер соответствует ее реальной ширине, а поле ввода растянуто от левого края дива, до края кнопки. Как можно реализовать такое? Заранее благодарен.

    Asked by Charm0nt,

    0 votes
    12 answers

  25. Сохранить значения при перезагрузке

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

    Asked by apexis,

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