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

  3. Картинки в RSS

    Дорогие форумчане, я уже не знаю где искать решения. Все картинки в постах в RSS попадают без выравнивания и обтекания текстом. При этом на самом сайте все как положено, все отображается как задумано. А в RSS все картинки слева (даже если их по центру выставить) и их не хочет обтекать текст (даже если выбрать обтекание текстом справа или слева). Вот код CSS (сайт на Wordpress): .alignleft, img.alignleft { float: left; margin: 0 10px 5px 0; } .alignright, img.alignright { float: right; margin: 0 0 5px 10px; } .aligncenter, img.aligncenter { clear: both; display: block; text-align: center; margin-left: auto; margin-right: auto; } .alignnone, img.alignnone { c…

    Asked by Dayks,

    0 votes
    3 answers

  4. Помочь с CSS.

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

    Asked by xDemix,

    0 votes
    2 answers

  5. Как наложить кнопки rus и en на флеш?

    Здравствуйте! Нужно на сайте www.btn.kiev.ua кнопки EN и RUS поставить на флеш. Подскажите как это сделать? Спасибо

    Asked by BTN,

    0 votes
    6 answers

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

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

    Asked by salat,

    0 votes
    0 answers

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

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

    Asked by mafinok,

    0 votes
    0 answers

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

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

    Asked by chiosan,

    0 votes
    4 answers

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

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

    Asked by VitaliyAT,

    0 votes
    0 answers

  10. Сохранение расположения текста

    Вроде была тема, но не могу найти. Блок с текстом - выровнен по ширине - поля auto - установлен max-width - overflow: auto Небольшая трабла: при переходе со страницы, на которой весь текст помещался без прокрутки, на страницу где эта прокрутка появляется, поле с аккуратно выровненным текстом заметно смещается влево. Ставить scroll не охота, т.к. длинных страниц мало, а выглядит при коротком тексте - похабно. Есть ли какое-то решение? Спасибо.

    Asked by skvor,

    0 votes
    2 answers

  11. Как сделать ячейку таблицы шириной в зависимости от контента

    Подскажите пожалуйста как сделать ячейку таблицы шириной в зависимости от контента? Ну то есть что бы не было так если одна ячейка большая все за ней тянулись, а имела ширину в зависимости от своего наполнения.

    Asked by tini.kRyptoNite,

    0 votes
    5 answers

  12. помогите с редиректом в .htaccess

    Добрый день... Требуется организовать 301-й редирект... средствами .htaccess с адресов формата: http://[мой_сайт]/index.php/[имя_категории]?page=[номер_страницы]&sort=products_sort_order на адреса формата: http://[мой_сайт]/index.php/[имя_категории]?page=[номер_страницы] т.е. просто удалять &sort=products_sort_order в конце адреса а также нужно чтобы для первой страницы (при page=1) редиректило на страницу формата... http://[мой_сайт]/index.php/[имя_категории] Может ктот подсказать как реализовать?... Заранее благодарен... С уважением.... PAGAR

    Asked by PAGAR,

    0 votes
    2 answers

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

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

    Asked by pashkje,

    0 votes
    0 answers

  14. Bootstrap и WYSIWYG редактор

    Здравствуйте, форумчане! Недавно начал заниматься написанием сайта (в верстке я относительно новичок). В своем проекте я использую Twitter Bootstrap и редактор elRTE. И между двумя этими инструментами произошел конфликт, в редакторе стали криво отображаться элементы в jQuery окнах (стили от Bootstrap применились). Вот ссылка на оригинальный редактор (для сравнения), а вот на мой пример с объединением с Bootstrap. Чтоб увидеть разницу, надо кликнуть в тулбаре например на "Изображение" и откроется окно. В моем примере поля текстовые (и не только) будут разъезжаться. Вот меня интересует, как побороть это? И да варианты "взять другой редактор", "отказаться от Bootstrap", "пе…

    Asked by System X - Files,

    0 votes
    4 answers

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

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

    Asked by Ledok,

    0 votes
    2 answers

  16. CSS fixed top

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

    Asked by Krookers,

    0 votes
    5 answers

  17. Original Hover Effects

    Подскажите, как сделать <h2>Hover Style #1</h2> видимым до наведения мышкой? http://goo.gl/xWveO

    Asked by Poptimistic,

    0 votes
    5 answers

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

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

    Asked by DjTarik,

    0 votes
    11 answers

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

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

  21. Помогите с Меню =)

    Всем здрасте! Помогите пожалуйста начинающему web-деятелю =) сделать менюшку, пытался сам но что то ничего не получается сдизайнил вот такую нехитрую менюшку должно выглядеть именно так а вот что получается при наведении мыщи тоже фигня какая то. Вот сам код SCC: <style> /* Главное Меню Начало */ ul.menu li{ display:inline; paddin: 10px; margin: 10px 10px 10px 10px; color:#FFF; /*Цвет текста*/ background:#060; font-family:Arial, Helvetica, sans-serif; } ul.menu li a { padding: 10px; margin: 10px 10px 10px 10px; text-decoration:none; color:#FFF; } ul.menu li a:hover { background:#090; } </style> А вот HTML: <!-- Меню начало …

    Asked by HappyUser,

    0 votes
    7 answers

  22. Не работают стили (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

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

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

    Asked by lunozwetka,

    0 votes
    7 answers

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

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

    Asked by Painbot,

    0 votes
    0 answers

  25. Размер страницы макета

    Добрый вечер! У меня есть вопросик - в данный момент изучаю верстку по видеоурокам (в данный момент создаю макет сайта в Photoshop), но появилась сейчас одна загвоздка. У меня из за изначального размера макета не помещается текст, который нужно вывести на главной. Вот так это выглядит: Как лучше поступить - изменить размер холста в Photoshop и добавить недостающую информацию таким образом, или же сверстать макет и добавить весь текст уже посредством HTML? Благодарю заранее.

    Asked by VisedFAQ,

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