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. Проблема с версткой меню

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

    Asked by DmitriyDonetsk,

    0 votes
    15 answers

  2. Проблема с версткой меню

    Всем привет! Вопрос у меня такой, есть горизонтальное меню с выпадающими подменюшками, все работает, но есть проблема, у родительских li стоит фиксированная ширина 110px, а выпадающие подпункты должны быть вообще без ширины, т.е. display:block float:left или типа того, только так можно поставить отступы справа и будет все красиво, но дочерние li наследуют ширину родительских и получается: Что делать не знаю, как сбросить значение ширины для вложенных li? Нужно решить проблему только с стилях CSS, не влазя в HTML Вот код: <div id="top_menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Памятники</a> &l…

    Asked by galaydas,

    0 votes
    5 answers

  3. Проблема с версткой меню

    Доброго времени суток, форумчане. Прошу помощи в решении следующей задачи: нужно сверстать меню по ширине сайта (960px), при этом пукнты меню должны равномерно распределиться по ширине родительского блока (те самые 960px). Итак, html разметка: <div class="wrapper"><ul class="main_menu"> <li><a href="#">Главная</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> <li><a href="#">Пункт меню 4</a></li> <li><a…

    Asked by Dexo,

    0 votes
    3 answers

  4. Проблема с версткой меню в IE

    Здравствуйте! У меня произошел затык с версткой меню в IE 7 и выше. Меню второго уровня отображается под слоем меню первого уровня. Не могу понять в чем дело и решить проблему, а сроки поджимают. CSS #navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none; font-family: Arial; /*my*/ font-size: 10pt; /*my*/ } ul#navmenu-v:after { clear: both; display: block; position: absolute; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu-v li { float: left; display: block !important; display: inline; position: relative; border: 0px solid #C1C1C1; } …

    Asked by nuuta,

    0 votes
    3 answers

  5. проблема с версткой модального диалога

    Привет, Подскажите, пожалуйста, возникла проблема с версткой списка после применения новых файлов стиля(исходная страница и js-код не менялись) другим разработчиком. перестал работать вызов модального диалога Надо зайти на login под логином mstdmstd@rambler.ru 8cc10asu и далее на страницу listи кликом на кнопке "FILTER" вызывается js-функция usersListFilterApplied() с вызовом диалога $( "#users_list_dialog_filter" ).modal( { "backdrop": "static", "keyboard": true, "show": true } ); блок дива users_list_dialog_filter определен - но диалог не открывается И при наведении мышей на этой кнопкой <button type="button" class="btn sbold green btn-s…

    Asked by mstdmstd,

    0 votes
    0 answers

  6. Проблема с версткой на div(. Помогите плиииииз!

    Хотел создать свой первый сайт на дивах, но возникает ряд проблем: в разных браузерах страница отображается по-разному и некоректно. В идиале сайт должен одинаково отображатся о этих браузерах, и 2 колонки с контентом должны ростягиватся содержимым, но не получается добиться этого ефекта. Укажите на ошибки, буду очень благодарен. Заранее спасибо! IE 7.0: Opera: Mozilla Firefox: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>.: Морские прогулки на яхтах в Крыму :.</title> <META http-equiv=Content-Type content="text/html; charset=win-1251"> <META content="Морские прогулки на яхтах в Крыму"…

    Asked by romik,

    0 votes
    5 answers

  7. Проблема с версткой на меню

    В общем решил сверстать макет который сам же нарисовал с шапкой и разделами вроде успешно а вот с меню загвостка нашел примерно то что нада в нете полностью перересовал его заменил картинки ссылки поправил код нечего такого вроде не трогал и меню не работает обидно кто помочь может? Вот содержимое index.html и .style.css сори за ошибки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Artine Css Menu</title> <link href="style.css" …

    Asked by Vamp,

    0 votes
    1 answer

  8. Проблема с версткой под ie6

    Верстаю сайт и возникла проблема, никак не могу понять, как оптимизировать его под ie6. во всех остальных браузерах работает идеально, а вот ie 6 косяки. я так понимаю, что и нельзя под ие6 оптимизировать этот фрагмент, но все же хотелось бы услышать ваше мнение. http://4play.com.ua/other/help/index.html

    Asked by kemp,

    0 votes
    10 answers

  9. Проблема с версткой при различных расширениях экранов

    Всем привет..Проблема такова..есть сайт http://skazochniy-domik.ru/ Как сделать чтоб при увеличении/уменьшении расширения экрана,верстка оставалась статичной,или подстраивалась под экран..Дайте пожалуйста совет,ибо не знаю что делать....

    Asked by alexqq,

    0 votes
    4 answers

  10. проблема с версткой сайта в ie

    http://sitemakers.lo...l/html/comment/ зайдите на эту страницу в IE: тут-то и появились проблемы во всех остальных браузерах - нормально HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="/0.css" rel="stylesheet" type="text/css" /> <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" /> </head> <body> <div id="layoutblock"> <div id="headerblock…

    Asked by sitemaker999,

    0 votes
    11 answers

  11. Проблема с версткой столбцов ul и li

    Нужно свертсать три столбца, одинаковых по высоте не зависимо какое количество текста в них. Таких столбцов будет много. Столкнулся с проблемой, что меняется высота в зависимости от количества текста, как сделать, что бы высота менялась в зависимости от столбца? Без использования явы, только css, например через td, высота выравнивается во всех внутри тега tr, но с ними началась проблема когда начал задавать перенос строки при помощи word-wrap: break-word;. В общем, что то я запутаолся. Тут вы можете посмотреть, что у меня получилось, возможно найдете ошибку. http://jsfiddle.net/UnwHS/1/

    Asked by papay,

    0 votes
    4 answers

  12. Проблема с вёрсткой шапки

    Здравствуйте! Имеется сайт, на котором хочу сделать шапку, но столкнулся с такой проблемой. Код страницы (header и есть сама шапка) Скрытый текст <!DOCTYPE html> <html> <head> <title>NormalGame Project</title> <meta charset="UTF-8"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script> <link rel="stylesheet" href="style/main.css"> <link rel="icon" href="favicon.ico" type="image/x-icon"> </head> <body> <header> <div id="logo"> <a href="h…

    Asked by 666FoX666,

    0 votes
    2 answers

  13. Проблема с версткой шестиугольникого поля

    Доброго здравия. Моя верстка (знаю, ужасна, извините). Смотрю из Firefox. Никак не могу понять, откуда там берутся отступы между шестиугольниками (сверху, снизу, по бокам), если картинка шириной 60 пикселей одна на каждые 2 td по 30 пикселей, и все это (как утверждает Firebug) без border, margin, padding.

    Asked by Heijey,

    0 votes
    1 answer

  14. Проблема с вёрсткой, если есть картинка-подложка

    Есть страничка <div id="container"> </div> <div id="footer"> </div> В container есть header и body. Body содержит в себе две колонки - центр и правую. В правой меню. В центре идут новости (блог). Template.css: background: url(images/full.jpg) no-repeat #000000; То есть в container есть картинка-подложка высотой 1000 px. Должно быть: 1) Картинка всегда видна полностью. 2) Если новости больше по высоте чем высота картинки, то после картинки должен идти чёрный цвет. У меня не получается поместить footer, так чтобы картинка была видна полностью.

    Asked by BabyWolf,

    0 votes
    3 answers

  15. Проблема с версткой, Не отображается часть рекламы адсенса

    Никак не могу победить проблемку на своем сателлите. Вешаю код адсенса. Вместо положенных размеров в 400px высоту отображается лишь 150. Т.е часть объявлений режется и не показывается. И хоть убей. Как буд-то слоем каким-то закрывается. Будьте добры, кто может подсказать. Адрес 190e.ru (внизу и вверху) Если смотреть главную, то вверху из за этого нельзя кликнуть на первые несколько ссылок, а внизу отображается не весь блок. Высотой должен быть в 400 px

    Asked by Makdak,

    0 votes
    3 answers

  16. Проблема с версткой,люди добрые,выручите

    Сайт www.selecta.ru. На главной странице съезжает модуль вывода случайных новостей.Люди добрые,подскажите,плиз,в чём косяк(целый день сидел тупил,не мог исправить.Вроде нигде там нет паддингов и маргинов,которые бы вызывали такой съезд).Очень срочно надо поправить( Заранее,спасибо!

    Asked by extrawert,

    0 votes
    6 answers

  17. Проблема с версткой.

    Есть фоновая картинка шириной в 1500 пикселей и блок со ссылками-рисунками. Как привязать этот блок к нужному месту на фоновой картинке, то есть чтобы при разных разрешениях браузера и разных браузерах не было сдвига. И второе - как сделать, чтобы фоновая картинка всегда на 100% ширины экрана растягивалась (или сужалась). пытался сделать табличной версткой, но таблица не хочет масштабироваться с width=100%, не влезает в окно браузера, подстраивается под размеры картинок в ячейках. Пытался сделать с помощью дивов, но не получилось задать соотношения для координат блока ссылок, чтобы они были на строго одном месте. Что делать?

    Asked by armageddance,

    0 votes
    3 answers

  18. Проблема с версткой...

    width:auto работает только с div-ами у которых position:absolute? хотелось бы резиновые div-ы выравнивать с помощью float:left, возможно ли это?

    Asked by AngelofDem,

    0 votes
    20 answers

  19. Проблема с верстку в мозиле

    Добрый день. Встал в ступор. Есть сайт avtoavm.ru. Во всех браузерах все отлично, кроме Mozila. Беда вот в чем: 1. Слева есть каталог товаров. Везде он раскрывается, в лисе - нет. 2. Справа есть кнопка входа. Везде есть popup, в лисе- нет. 3. Также есть поиск (select). Везде есть, в лисе - нет. Подскажите, почему так? В чем может быть беда? Спасибо большое!

    Asked by alexbelkevich,

    0 votes
    1 answer

  20. Проблема с вертикальным выпадающем меню

    собственно http://jsfiddle.net/zDJdT/2/ не понимаю почему так пропадает, помогите пожалуйста, где косячю?

    Asked by Hol1killer,

    0 votes
    4 answers

  21. Проблема с вертикальным выпадающим меню.

    Суть проблемы: Действие :hover отменяется при наведении на доп.меню, хотя нужно что бы этот эффект сохранялся, и изначально этот эффект был. Это произошло после того как я в CSS сделал какие-то (не масштабные ) изменения. Факт в том, что я не могу понять, какие именно изменения стали причиной проблемы. Курсор над пунктом главного меню. Курсор над пунктом дополнительного меню. Не знаю поможет ли мой код... body { margin:0; padding:0; background-color:#020202; } #header { width:100%; height:720px; background-image:url('background images/bg_header - 1152.jpg'); } #adverts { background-image:url('background images/bg_adverts_1152.png')…

    Asked by Mark Ghaphes,

    0 votes
    2 answers

  22. Проблема с вертикальным меню

    Вопрос к знающим людям! Есть вертикальное меню, а где ошибка не могу понять. Пункт подменю(номер3) должен быть скрыт и при нажатии(номер 2) должен появляться. <ul class="leftmenu"> <li><a href="#">номер 1</a></li> <li><a href="#">номер 2</a> <ul class="podmenu"> <li><a href="#">номер 3</a></li> </ul></li> <li><a href="#">номер 1</a></li> </ul> ul.leftmenu { padding:0; margin:0px 0 0 0px; list-style: none; width: 220px; } ul.leftmenu li { float: left; } ul.leftmenu li a, ul.leftmenu li a:visited { display: block; …

    Asked by aov000,

    0 votes
    2 answers

  23. Проблема с вертикальным отступом текстового блока

    Здравствуйте. Я начал изучать HTML/CSS с верстки по PSD-макетам. И столкнулся со следующей проблемой: допустим у меня есть текст, который расположен ниже предыдущего объекта на некотором расстоянии, я не пойму как мне измерить этот отступ. Кегль равет 12pt (как удалось мне узнать он включает заплечики и высоту самой буквы), я измеряю расстояние (делаю это в Photoshop - 72dpi) в пикселях, от нижней части объекта до верхней части заглавной буквы не учитывая заплечико(потому что я не знаю чему оно равно). Вопрос в следующем, если какая то пропорция для размера шрифта и размера заплечика или как поступать с этим отступом?

    Asked by red4pony,

    0 votes
    5 answers

  24. Проблема с вертикальными отступами span

    Всем привет. Не могу понять откуда берутся отступы. <div class="mc543_minimenu"> <div class="mc543_button"> <div> <span class="mc543_l1"></span> <span class="mc543_l2"></span> </div> </div> <div class="mc543_menuhandler"></div></div>CSS из правой менюшки консоли хрома - element.style {}wp.test/media="all".mc543_minimenu span { margin: 0; padding: 0; display: inline-block; width: 100%; height: 5px; background: #4F4F4F;}wp.test/media="all"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acro…

    Asked by infidel,

    0 votes
    2 answers

  25. Проблема с вертикалью в background-position

    Здравствуйте. Извелся уже) вот листинг: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <head> <style type="text/css"> #images_carrier { height:270px; background: url(images_shadow.png) no-repeat center bottom; padding:35px 0;wp-content margin: 0 auto; } #images_carrier #images { background: url(menu2.jpg) no-repeat; width:804px; height: 272px; margin: 0 auto; font-size:0px; } #images_carrier #images .item { width:268px; height:20px; display: inl…

    Asked by gart,

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