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. Приоритет стилей

    Есть код: <div class="main"> <таблица> .... <td class="someClass"> </td> .... </таблица> </div> Стили: .main td { padding: 0px; margin: 0px; } .comeClass { padding: 10px; } Тем не менее, в теге <td> в приоритет идет изначальный стиль, указанный в .main td, а .comeClass игнорируется. Подскажите, пожалуйста, как сделать так, чтобы в приоритете был стиль, указанный в классе .comeClass UPD: Вопрос решен. Для изменения приоритета класса .someClass необходимо в стили указать: .main .someClass {} Тему можно закрывать.

    Asked by TorchTT,

    0 votes
    0 answers

  2. Соц. сети

    Коллеги, поделитесь плиз опытом. На сколько кнопки социалок привлекают посетителей на сайт? Тонкости установки кнопок: можно пользоваться инструментом яндыкса "поделись", который вставляет блоком нужные кнопки социалок; можно карячиться самому с каждой кнопкой - в чем разница? При чем вконтакте нужно еще сайт регистрировать с API и не понятно как это делается. И совсем тупой вопрос. В PSPade, вставляя скрипты и коды кнопок при просмотре html-страницы их не видно, точнее не все видно. С чем это может быть связано. Простите, если вопросы дурацкие, но мучаюсь 2-й день.

    Asked by puz,

    0 votes
    17 answers

  3. помогите с шапкой

    как убрать отступы от края до шапки

    Asked by xenux58,

    0 votes
    2 answers

  4. Как узнать пропорциональность

    Есть PSD макет шаблона для верстки. Но Т/З к нему нету. Имея лишь шаблон, можно ли как-то с помощью программы узнать точный размер деталей на PSD макете. Про ОС: Использую Linux Ubuntu. Редактор изображений - GIMP.

    Asked by ohinem,

    0 votes
    7 answers

  5. Кнопка не выравнивается по центру

    Привет, всем! Нужно выровнять кнопку по центру, но обычные способы выравнивания, почему-то, не работают. Вот так выглядит код: <div align="center"><a class="big-button bigblue" href="http://murmot.ru/contact/"><span>Заказать программу</span></a></div> Ссылка на пробную страницу с кнопкой: http://murmot.ru/testpage/ Пробовал использовать vertical-align, div, создавал даже class с выравниванием по центру - не помогает. Подскажите, пожалуйста, как ее все-таки выровнять. Благодарю за внимание и за помощь!

    Asked by Glaz_Go,

    0 votes
    5 answers

  6. Почему родительский блок не растягивается шире viewport'а ?

    Здравствуйте. Столкнулся с такой проблемой : вложенный блок не хочет растягивать свой родительский блок. Вроде это противоречит теории, с которой я знаком. Например: <html> <body> <div style="height:100px; width:2000px; background:red"> </div> </body> </html> Видно (в отладчике), что body растягивается только до ширины вьюпорта, а дальше не хочет. Почему это так? Разве так должно быть? Данный пример, естесственно, никакого отношению к реальной задаче не имеет, это просто очень сильное упрощение. Хотелось бы просто понять принцип (теорию)

    Asked by salikoff,

    0 votes
    4 answers

  7. Высота <div>

    Всем привет!) есть у меня div с идентификатором #photo1. В нем плавающая картинка (чтоб текст обтекал). Я хочу, чтоб высота блока #photo1 была определена высотой всего содержимого, но там высота картинки почему-то не учитывается (может потому что плавающая) и получается, что высота определяется по высоте содержащегося в блоке текста. Почему я не хочу просто установить высоту(height)? Потому что при увеличении в браузере текст может выйти за пределы блока, ну вы наверное понимаете о чем я). Как можно это сделать не используя height? Вот ссылка. (png версия макета, скачать макет)

    Asked by Bava,

    0 votes
    2 answers

  8. проблема с таблицей

    Мужики, помогите сделать красиво таблицу, делал ее на css и вот что получается как вы видите столбцы с числами не ровные, потому что разное кол-во знаков. Как сделать чтобы все ровно было? /* Таблица с прайсом */ table { display: table; background: #000;} tr { display: table-row; } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column ; } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } #caption {caption-side: top;} #caption {caption-side: bottom} #table {display: table;} #table {display: table;} .row {dis…

    Asked by Pato,

    0 votes
    2 answers

  9. Текст вылетает из DIVa

    Прошу совета - как решить мою задачу не меняя тэги (крайне желательно), но меняя их стиль. На примере видно, что текст "МЯЧИКИ" идёт не вначале блока с белым фоном, а только после окончания блока с красным фоном. Задача: Размещение текста в левом верхнем углу блока с белым фоном. Принтскрин из браузера: Сам код: <html> <body> <div id="osnova" style="display: block; position: relative; margin: auto; margin-top: 0px; left: 0px; top: 0px; height: 800px; width: 600px; background-color: green;"> <div id="levo" style="float: left; display: block; position: relative; left: 0px; top: 0px; height: 300px; width: 400px; margin: 0px; padding: 0px; background…

    Asked by 4arly,

    0 votes
    4 answers

  10. Прблема с div'ом

    Верстаю html-страничку с помощью CSS, появилась такая проблема: если в один <div> поместить второй <div> то он принимает вертикальное положение родительского div'а, если убрать из первого div'а " margin: 0 auto;" и прописать "position: absolute;" то проблема решается но страница находится не по центру экрана а слева. Как это исправить? .fon { /*на этот div вешается вся конструкция вся конструкция*/ width: 1024px; height: 1024px; background: url(img/fon.jpg); margin: 0 auto; } #logo { width: 377px; height: 135px; background: url(img/logo.png); display: block; margin-top: 30px;/*если увеличить или уменьшить этот показатель …

    Asked by ganswild,

    0 votes
    2 answers

  11. Не хочет отображаться активная ссылка навигации

    Проблема в следующем. Имеется горизонтальная навигация. Код из tpl в навигации: <nav id="nav"> <div class="sticky-nav"> <div class="pages"> <ul class="list"> <li {if $sMenuHeadItemSelect=='blog'}{/if}><a href="{cfg name='path.root.web'}" class="headmenu"><span>{$aLang.topic_title}</span></a></li> <li {if $sMenuHeadItemSelect=='people'}{/if}><a href="{router page='people'}" class="headmenu"><span>{$aLang.people}</span></a></li> <li {if $sMenuHeadItemSelect=='stream'}{/if}><a href="{router page='stream'}" class="headmenu"><span>{$aLang.stream_menu}</span&g…

    Asked by antony,

    0 votes
    1 answer

  12. Прижать footer

    Доброго времени суток! Не могу разобраться с тем, как прижать footer. Если не использую границу блока и верхний/нижний отступ от окна браузера, то всё нормально, а с границами и отступами появляется полоса прокрутки, подскажите как от неё избавиться? Самый простой пример: html: <!DOCTYPE Html PUBLIC "-//W3C//DTD Html 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251 "> <title>Основы блочной верстки (Div верстки)</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div …

    Asked by spleen,

    0 votes
    1 answer

  13. В каком формате лучше нарезать части макета?

    Собственно название темы кричит за себя. Я нарезал в JPEG, но они выходят какие-то тусклые... Пока что использовал JPEG, но вот задумался, а что если я не правильно подхожу к ходу работы? Хотел бы услышать, в каком формате нарезаете вы. P.S. Советы вроде: Да поф** разница и тому подобное просто буду игнорировать. Заранее спасибо!

    Asked by ohinem,

    0 votes
    4 answers

  14. Проблема с кроссбраузерностью

    Здравствуйте, вот столкнулся с проблемой отображения сайта в разных браузерах. Ссылка - вот сайт тык В Google Chrome все отображается как нужно, в общем изначально дизайн делался под Chrome. Не давно от пользователей поступили жалобы, ну я решил просмотреть через другие браузера сайт и я разочаровался. В Opera, Mozilla, IE 9 сайт отображается некорректно ни так как надо, а надо как в Google Chrome. Пробывал многое, но никак исправить не получалось, пробывал доктайп ставить но сайт становился только хуже, в общем проблема то не большая в основном только на главной такой косяк, кто может дайте советы что изменить на что и как сделать кроссбраузерность, спасибо

    Asked by lqd1k,

    0 votes
    2 answers

  15. Проблема с шаблоном

    Здравствуйте у меня данная проблема с шаблоном! Движок wordpress версия 3.4.2 Warning: Invalid argument supplied for foreach() in /home/h41146/data/www/mybiz777.com/wp-content/themes/yoo_flux.v5.5.9/yoo_flux_wp/warp/systems/wordpress.3.0/helpers/system.php on line 334 Вот целый файл <?php /** * @package Warp Theme Framework * @author YOOtheme http://www.yootheme.com * @copyright Copyright © YOOtheme GmbH * @license YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* Class: WarpHelperSystem Wordpress system helper class, provides Wordpress 3.0 Blog integration (http://wordpress.org) */ class WarpHelperSystem extends WarpHelper { /* system…

    Asked by carlssson,

    0 votes
    4 answers

  16. Добавление кнопок Яндекс.Карты

    Добавил на сайт Яндекс.Карты. Тем не менее, не знаю как добавить кнопки "Добавить метку", "Получить информацию" и "Панорамы". Подскажите, пожалуйста, как решить проблему?

    Asked by TorchTT,

    0 votes
    0 answers

  17. Как сделать чтобы фон (блок) подстраивался под текст

    Всем привет. Помогите, пожалуйста, с меню. Пишу в этой теме, потому что звучит схоже с моей проблемой. Надо, чтобы пункты меню были текстом, соответственно, чтобы фон (блок) подстраивался под текст. Вот как на картинке: Мне нужно обойтись только HTML 4.01 и CSS 2.1 максимум. Вот ссылка на то, как делаю.

    Asked by beebeekei,

    0 votes
    2 answers

  18. blockquote & cite

    В чем разница между этими двумя тегами? Вроде ж оба для оформления цитат. Может какой-то из них считается устаревшим? Только не пишите "никакой разницы нету". Понятно, что любую страницу можно полностью сверстать каким-то одним, любым тегом, например <p> Но ведь должна же быть какая-то разница в семантике между <blockquote> и <cite> P.S. редактор текста, который у вас тут, до боли похож на CKEditor

    Asked by Evkaky,

    0 votes
    1 answer

  19. Размеры и верстка сайта

    Здравствуйте! Скажите пожалуста какой использовать стандарт размеров сайта? какая лучше верстка % или px? И есть ли в php или js код благодаря которому можно определять размеры браузера, чтобы потом подогнать сайт под него?

    Asked by Devil,

    0 votes
    3 answers

  20. Фон больше чем разрешение монитора

    Создаю новую страницу с размером body 1280px на 1800px. хочу добавить фон-картинку в верху страницы по всей ширине размером 1280px на 545px. Используя такой стиль: body { margin:0; width:1280px; height:1800px; background:url(img/fonbody.jpg) no-repeat red; background-position:top; } картинка размещается не по всей ширине, а только по той части, которую видно в браузере. Если прокрутить страницу в право, то там нет картинки. Как сделать, что бы она размещалась по всей ширине?

    Asked by GstarMax,

    0 votes
    6 answers

  21. Ширина блока с position:absolute

    Здравствуйте, уважаемые коллеги! Может ли блок с position:absolute; стать шириной по своему содержимому, если его содержимое - 3 плавающих колонки? Пока не получается, его ширина - одна колонка. .column{ float:left; width:220px; } .dropdown_g{ position:absolute; width:auto; z-index:102; top:52px; left:0; } <div class="dropdown_g"> <div class="column"></div> <div class="column"></div> <div class="column"></div> </div>

    Asked by Светлана Г.,

    0 votes
    2 answers

  22. Нужна помощь по меню

    Здравствуйте! Сразу к сути вопроса Мне необходимо сверстать вот такое меню Сам сайт фиксированный а у шапки фон тянется во всю ширину окна с наложением повторяющейся текстуры причем у активного пункта меню тоже имеется такой же background и сами пункты должны быть резиновыми. Подскажите как это можно реализовать что бы это было кроссбраузерно и желательно без js.

    Asked by Fennom,

    0 votes
    4 answers

  23. background состоящий из 4 картинок

    Нужна помощь! Не могу установить background состоящий из 4 картинок 1) image1 должен растягиваться по горизонтали. (bg_gradient_top.png) 2) Далее, на image1 должен накладываться основной background image2 по центру, без размножения (bg_main_header.jpg) 3) image3 должен размножаться во вертикали в центре и спускаться до футера (bg_content_fill.gif) 4) image4, должен находится в футере по центру и без размножения. (bg_main_footer.jpg) Должно получится так: css существующего шаблон: html,body{margin:0px;padding:0px;text-align:left;border:10px;background: url(../images/bg_main_header.png) center top no-repeat;font-family: Verdana, Geneva, sans-serif; font-size:11px;color:#3…

    Asked by Souz21,

    0 votes
    2 answers

  24. Помогите победить IE

    Html верстка на компьютере во всех браузерах нормальная. Проверяла на IE Tester. А на http://my-test.tw1.ru/ уже почему то все элементы прижимаются к левому краю (все версии IE, кроме 10). У меня уже паника началась. Буду очень признательна, если найдутся добрые люди, знающие в чем может быть проблема. Ну помогите пожалуйста красивой девушке

    Asked by webair,

    0 votes
    3 answers

  25. Как отредактировать границы в списке?

    Доброго времени суток, дамы и господа. Прошу прощения, если тема поднималась, а было это несомненно, но хотелось бы узнать как отредактировать у себя на сайте справа в рубриках разделитель между рубриками- сменить пунктирную на сплошную. Что я для этого сделал? Камнями не кидать, я знаю что это гажа... Просто поставил блог и решил заодно в свободное время научиться верстке. #Label1 li{ text-align:center; margin:0 auto; border-li:1px solid; border-li-color:#000000; background-color:#dfffff; padding:2px; width:197px; border-radius:0px 0px 5px 5px; } #Label1{ background-color:#dfffff; border:1px solid ; border-color:#bebebe; border-radius:5px; width:200px; }

    Asked by crazycoock,

    0 votes
    1 answer

  • Обсуждения

    • 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