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. Overflow и горизонтальный споллер

    Добрый день! Есть блок <div>, в нем есть список выстроенный горизонтально. Если у <div> выставить размеры, так, чтобы горизонтальный список не умещался в блок и показать скролы то список сбивается в вертикальный, т.е. появляется только вертикальный скрол, а требуется, чтобы был горизонтальный скрол... В чем может быть проблема? Как можно поправить? <div style="overflow: scroll ; height: 150px; width: 150px; border: 1px solid black"> <ul "list-style: disc outside; padding: 0px 0px 0px 0px"> <li style = "list-style-type: none; display: inline; float: left"> <div style = "border: 1px solid black"><img src="ссылка на картинку 1"&…

    Asked by AmateR,

    0 votes
    4 answers

  2. Не работают стили (css) в Internet Explorer

    Здравствуйте! Пробую на блоге (на движке blogspot) сделать подсветку кода с помощью библиотеки SyntaxHighlighter. В браузерах Chrome, Opera и Mozilla Firefox всё отображается правильно. А в IE стили не включаются. Пример можно посмотреть вот здесь: http://itsonetest.blogspot.com/2012/10/blog-post.html Код пробовал размещать в head и в теле сообщения. Во всех перечисленных браузерах всё ок, где не расположи, кроме IE. Подскажите, как сделать так, чтобы и в IE отображалось корректно. При чём это касается не только этой библиотеки, но и, например, DataTable (таблица с возможность сортировки). <!-- Подсветка синтаксиса языков программирования --> <link href='https:…

    Asked by tol64,

    0 votes
    13 answers

  3. Помогите настроить страничку...

    Три дня назад начал HTML изучать=) наверстал по ходу изучения вот такую страничку)) В общем вот 2 скрина , мне нужно чтобы "Таблица комплектующих №2" была справа сразу напротив Первой (левой) таблицы, а получается фиг знает что( она вообще внизу... а блок <pre> я сделал для того чтобы там где у меня начинается под таблицей Проверка текста слева , Проверка текста слева, Проверка текста слева, размещалось это под таблицей как сейчас... без <pre> весь этот текст справа от таблицы показывается.. даже когда я задаю выравнивание по левому краю и если после таблице ставлю <br>...=( Извиняюсь за некорректность если вдруг.. я новичок совсем..

    Asked by Quadder,

    0 votes
    0 answers

  4. Как лучше сверстать?

    https://lh3.googleusercontent.com/-fH4VyvsPX2Y/UJElP7YKl4I/AAAAAAAAFA4/iS6z77A6ZQM/w634-h669-p-k/666.png требуется сделать подобный макет. важно, чтоб меню было на всю ширину экрана и футер тоже. а середина фикс - 4 колонки. не могу понять ,как сделать так, чтоб логотип и текстовое начало меню были на том же месте, что и начало первой колонки. блоками верстать не особо умею, в идеале таблицами, тк информации будет очень много в середине, боюсь расползется все. как это лучше реализовать? пока у меня идеи сделат ьменю отдельной таблицей, но как тогда, чтоб текст. начало было вровень с первой колонкой? ну и с лого так же только в середине не три, а 4 колонки!!

    Asked by Ledok,

    0 votes
    2 answers

  5. HTML 5 верстка и футер в низу

    Собственно тема уже не раз поднималась но все таки есть не понятные моменты - а именно как это можно сделать без лишних блоков и абсолютного позиционирования? Пока сделал как приведено ниже, но хотелось бы чистый html5 код без лишних #wrapper и .clear HTML: <body> <div id="wrapper"> <!-- —————-- Header —————————-- !--> <header> <h1> Шапка страницы </h1> </header> <div id="content"> <section class="s1"> </section> </div> <div class="clear"></div> </div> <!-- —————-- Footer —————————-- !--> <footer> © </footer> </body> </html> CSS: @imp…

    Asked by lion-it,

    0 votes
    0 answers

  6. CSS fixed top

    Есть HTML. <div class="block"> Содержимое блока </div> Есть CSS Что происходит При прокрутки страницы блок фиксируется по центру экрана. Что нужно При прокрутки страницы блок должен позиционироваться сверху. Подскажите Хотелось бы как тут. (форма поиска)

    Asked by Krookers,

    0 votes
    5 answers

  7. Помочь с CSS.

    Доброго времени ...... суток. У меня есть где-то наверху элемент DIV для меню, и где-то внизу изображение. Я хочу чтобы изображение накладывалось на меню так, чтобы изображение было под меню, а не залезало на него... Каким же мне тегом или способом совершить это чудо в CSS? Не подскажите аль...?

    Asked by xDemix,

    0 votes
    2 answers

  8. iframe

    Хочу в одну страницу сайта вставить фремом определенную область страницы на другом сайте. Но проблема в том, что нужна мне область в доноре располагается не прямо у края, а в середине. Как натравить фрейм именно на нужную область: допустим отступ слева столько то, сверху столько то...

    Asked by webair,

    0 votes
    3 answers

  9. проблемы с версткой

    Здравствуйте. помогите решить проблему в верстке с скроллом. Нужно что-бы скрол всегда был на черном фоне, и скролился прокруткой мышки(в хроме скролится, в опере фф и ие - нет). буду благодарен за любую помощь. верстка - http://us.ua/945967/

    Asked by chiosan,

    0 votes
    4 answers

  10. Эмуляция placeholder в старых браузерах

    Написал небольшой javascript, который эмулирует работу нового атрибута placeholder, появившегося с приходом htm5, в старых браузерах (особый смысл это имеет в ie). Placeholder - выводит текст внутри поля формы, который исчезает при получении фокуса. В сжатом виде скрипт весит всего 1 609 байт. Плюсы данного решения: Не какого лишнего js-кода в html Маленький размер Не нужны сторонние библиотеки (например я находил решения с использованием jQuery) Обработка отправки формы на сервер (т.к при эмуляции подсказки хранятся в value они могут быть отправлены на сервер вместе с другими - заполненными полями). Placeholder.js обрабатывает эту ситуацию и не посылает лишние данные н…

    Asked by Kerny,

    0 votes
    5 answers

  11. Авто рястягивание Iframe по содержимому

    Есть галерея на jquery. Посмотреть тут. Фотка открывается в фрейме. Хочу туда же залипить контактовский блок с комментариями. Но вот незадача - div в котором открывает фрейм не растягивается по содержимому внутри. то есть появляется скролл при привышении высоты блока. Как можно это решить?

    Asked by salat,

    0 votes
    0 answers

  12. масштабирование

    такая страница OG.ddns.us/adivo хотелось бы ограничить масштабирование и убрать белое пространство при уменьшении масштаба, буду рад любой помощи.

    Asked by mafinok,

    0 votes
    0 answers

  13. Как сверстать такую штуку

    Имеется вот такой элемент управления: 1. Картинка над полукругом можем изменяться 2. Заполнение черным цветом происходит: * по окружности (внешний элемент) * сверху вниз (внутренний) Вопрос: Как сделать плавное изменение цвета по окружности (скажем, за 3 секунды)? Буду рад любым советам, способам и т.д. Хоть скриптами, хоть CSS, хоть как... Спсибо.

    Asked by DjTarik,

    0 votes
    11 answers

  14. Вывод печатной версии сайта.

    Всем добрый день, я столкнулась с такой проблеммой при вёрстки печатной версии сайта. Как сделать так чтоб логотип, при печати сайта, расспологался в левом нижнем углу каждой странички? Спасибо

    Asked by galana,

    0 votes
    3 answers

  15. Дополните сайт CSS

    http://forum.htmlbook.ru/index.php?showtopic=31656

    Asked by VitaliyAT,

    0 votes
    0 answers

  16. map и position

    имеем изображение (img), карту к ней (map) и слой (div), который это все перекрывает <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <style> div{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } img { position:relative; z-index:1; } </style> </head> <body> <div></div> <img src="http://img0.liveinternet.ru/images/attach/b/3/14/8/14008201_hm4_1_30_0_big.jpg" width="450px" height="450px" usemap="#map" /> <map name="map" id="map"> <area href="#" shape="poly" coords="50,50,400,50,400,400,50,400" title="hover" /> </map> </body> </html&g…

    Asked by jurassik,

    0 votes
    5 answers

  17. Горизонтально выпадающие меню на всю ширину сайта

    Помогите сверстать меню такого плана, чтоб при наводке мышкой, выпадало меню не в столбик, а на всю ширину экрана в одну линию.

    Asked by pashkje,

    0 votes
    0 answers

  18. first-child

    Доброго времени суток! Помогите, пожалуйста, разобраться в проблеме с first-child… Имеем CSS: .photo .post-title * { display: none; } .photo .post-title :first-child { display: block !important; } .photo .caption { display: block; } .photo .caption > :first-child { display: none !important; } А также HTML: <div class="photo"> <div class="post-title"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> <div class="caption"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> </div> Я планировал, что в случае с post-title должен выводиться исключительно заголовок 1 (заголовок 2 скрыт), а в сл…

    Asked by ZABor,

    0 votes
    3 answers

  19. Отображение шрифтов в браузере

    Я новичок в вёрстке. На втором учебном макете столкнулась с проблемой, не корректно отображаются пользовательские шрифты. В хроме шрифт отображается корректно в фаерфоксе также в макете используется шрифт "ArbatDi" и "AmazoneBT", которое не отображаются даже в хроме. Что можно сделать, чтобы браузер понял шрифты?

    Asked by lunozwetka,

    0 votes
    7 answers

  20. Изменить вид следующего по счету блока

    Ребят, такая ситуация! Как можно сделать так, чтобы элемент следующий в очереди за первым, изменил свой вид <div class="первый элемент"></div> <div class="2ой элемент"></div> напрямую в коде я не могу задать класс для следующих нижних блоков, так как последующие появляются автоматически в зависимости от добавления материала! P.S. PHP у меня нет!

    Asked by tema,

    0 votes
    1 answer

  21. Повторяющийся div

    Создаю элемент, который должен повторяться по горизонтали. Никак не пойму, чего не хватает в коде: http://jsfiddle.net/wQtEz/5/

    Asked by iDrugov,

    0 votes
    20 answers

  22. Рисунок под разное разрешение

    Доброго времени суток. Подскажите решение такой задачи. Верстка резиновая. В верстке есть рисунок шириной 1000px (при разрешении экрана 1280х1024). Как сделать, что бы при меньших разрешениях экрана (например, 1024х768), рисунок уменьшался по ширине(обрезался по краям до нужного размера)? Несколько файлов стилей сделать (и соответственно рисунков) и выбирать нужный файл в зависимости от разрешения? Или есть иные способы? Заранее благодарен.

    Asked by sGir,

    0 votes
    5 answers

  23. При нажатии на кнопку radio "затвердевало"

    Asked by JuiceMen,

    0 votes
    5 answers

  24. Проблема с отступом в пункте меню

    Добрый день. Не могу сообразить как правильно поставить элемент чтобы он выравнивался относительно картинки... сайт - http://ygik.ru/ боковое меню - пункты меню если больше ширины поля переносятся на следующую строку, как сделать так, чтобы следующая строка начиналась не с начала блока меню а с начала предыдущей строки...

    Asked by Painbot,

    0 votes
    0 answers

  25. Адаптивная верстка и рекламные блоки

    Добрый день) такой вопрос К примеру, необходимо сделать адаптивную верстку, а на сайте помимо прочего имеются рекламные блоки гугла, яндекса и тд итп. Допустим в шапке у нас баннер шириной 700пк...на десктопе все прекрасно, но вот настала очередь медиазапросов для экранов, шириной менее 700пк.... единственное что приходит в голову, так это задать баннеру display: none и при желание включить отображение баннера для мобильных устройств, меньшей ширины. Насколько такой подход верен?

    Asked by Frolov,

    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