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

    Здравствуйте! У меня к вам вопрос: Я - начинающий верстальщик. Поступило мне ТЗ в котором указанно, что необходимо сверстать макет сайта с помощью HTML5, CSS3, кроссбраузерный. Вся проблема в то, что нужно сделать нестандартную верстку - много разных блоков, как на сайте http://www.mts.com.ua/ukr/main.php . Собственно посоветуйте неопытному верстальщику как быстрее можно сверстать?..

    Asked by Dhaemon,

    0 votes
    9 answers

  2. Откуда берётся <p align="justify"> перед доктайпом?

    Вот сайт - http://www.shark.ru/sharknew/ Это то, что я вижу в шаблоне: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <?$APPLICATION->ShowHead();?> <meta http-equiv="Content-Type" content="text/html; charset=<?=LANG_CHARSET;?>" /> <?$APPLICATION->ShowMeta("robots")?> <?$APPLICATION->ShowMeta("keywords")?> <?$APPLICATION->ShowMeta("description")?> <title>Shark ID | <?$APPLICATION->ShowTitle();?></title> <!--?$APPLICATION->ShowCSS();?--> <!--?$APPLICATION->ShowHeadStrings()?--> <script type='te…

    Asked by maritca,

    0 votes
    7 answers

  3. изменение вида кнопки поиск

    Здравствуйте, создаю поле "Поиск по сайту" и справа хочу добавить кнопку с картинкой, картинку добавила но теперь никак не могу убрать слово "искать" с этой картинки, где его можно убрать подскажите пожалуйста.

    Asked by Elma,

    0 votes
    0 answers

  4. Равномерное выравнивание блоков в несколько строк

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

    Asked by ruslan.savenok,

    0 votes
    5 answers

  5. Выравнивание списка.

    Привет всем! Буквально десять дней назад начал изучение HTML и СSS, три дня назад создал свою первую страницу, элементарную. Получилось неплохо, но вот в чем проблема: у меня на странице есть два ненумерованных списка, которые идут один за другим, так вот суть проблемы в том, что второй список выравнивается по первому и получается больший отступ от левого края страницы. Чтобы не быть многословным привожу скриншот. Скриншот Пока что не могу понять, что я сделал неправильно. Фрагмент кода:

    Asked by <href>,

    0 votes
    2 answers

  6. В каких браузерах тестировать верстку

    Воспользовался статьей с Хабрхабр Браузерный зоопарк для того что бы установить 6,7,8 версии IE на свой ноутбук. Но возник вопрос относительно Opera и Firefoх, статье с Хабрхабр уже год, какие версии этих браузеров использовать для верстки на сегодняшний день? В каких браузерах тестируете верстку вы?

    Asked by Drunk_Monkey,

    0 votes
    4 answers

  7. colspan почему-то не срабатывает

    <table id="content" name="content"> <tr><td id="lists" name="lists" rowspan="2" width="200">ololo</td> <td id="main_info" name="main_info" colspan="3"> ololo2 </td></tr> <tr style="background-color: white;"><td class="materials_explain"> A little bit more </td> <td class="materials_explain"> And more... </td> <td class="materials_explain"> And this is the end </td></tr> </table> Вот такая таблица. Несмотря на то, что вроде бы должна, ячейка с именем main_info не растя…

    Asked by Mosya,

    0 votes
    5 answers

  8. Картинка в футере

    Нужно разместить картинку справа над полосой футера, без фона. <div id="container"> ... <div id="footer_correct"> </div> </div> <div id="footer"> <a href="index.html">Главная</a> | <a href="contacts.html">Контакты</a> | © 2012 Компания </a> </div> #container { width: 900px; margin-left: auto; margin-right: auto; min-height: 100%; height: auto !important; /* IE6 */ height: 100%; position: relative; padding: 0; font: 86% Tahoma,lucida sans, sans-serif, Trebuchet MS, Geneva, tahoma, Verdana; line-height: 1.8em; background: transparent; color: #000; } #footer_correct { height:…

    Asked by Silvandir,

    0 votes
    3 answers

  9. Не могу включить border-radius for IE<9

    При чём не первый раз сталкиваюсь перед этим тоже то получалось то фиг Вот сайт Вот скрин:элементы с border-radius

    Asked by Aleksey19881988,

    0 votes
    19 answers

  10. img в div блоке

    Доброго времени суток! Подскажите, пожалуйста, как разместить изображение в таком блоке: <div class="box"> <h2 class="title title-box">Меню раздела</h2> <div class="box-content">Текст</div> </div> .box { margin: 10px; border: 2px solid #BBB; width: 210px; height:100%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color:#fafafa; box-shadow: 0 0 5px #e4e5e7; } h2.title-box { border-bottom: 2px solid #BBB; height: 40px; background: url(фон) repeat-x; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-toprigh…

    Asked by malsyst,

    0 votes
    12 answers

  11. Проблема с @font-face

    Добрый день Вроде как много где пишут, про использование любых шрифтов через стиль @font-face. Но вот чего-то в Opera 9, 10 не работает Может я делаю что-то не так? @font-face { font-family: "Vesna"; src: url(../font/Vesna.eot); /* for IE6-8 */ src: local("Vesna"), url(../font/Vesna.ttf) format("truetype"); /* for Firefox 3, Safari */ } html, body { font:normal 23px "Vesna"; } Вот сайт: Посетить мою домашнюю страницу

    Asked by Chervontsev,

    0 votes
    51 answers

  12. Добавил к div float: left; теперь с соседнего div съезжает фон

    Посмотреть можно здесь. Игры со свойством display у обоих эффекта не дают.

    Asked by Mosya,

    0 votes
    3 answers

  13. нужна помош

    http://www.wallcollection.ru/ - вот мой сайт я пока ток начал делать сайты люди попробуйте в опере приблизить маштаб точней увеличить и картинка там где разрешения идёт в бок вот код <img src="table.png" style="position: absolute; top: 160px; right: 450px"> З.Ы. если убрать "position: absolute то етого гона небудет но картинка забьётся в левый верхний угол и немеяет позиции вообще

    Asked by 2rikyo,

    0 votes
    3 answers

  14. Собственный дизайн на DLE

    У меня есть несколько html-страниц и таблиц стилей к ним. Можно ли их адаптировать к DLE и как это сделать? Читал информацию в гугле, многие писали что можно это сделать у себя на компе через дэнвер. Не могли бы помочь в этой ситуации и объяснить что и как?

    Asked by Neek,

    0 votes
    1 answer

  15. Кастомизированная кнопка с текстом

    Нашёл на сайте Эврики (kontur-evrika.ru) интересный вариант создания текстовых кнопок с динамическим бекграундом с использованием тега <ins>. Решил взять этот метод на вооружение и применить в своём макете. HTML-код: CSS-код: И всё бы хорошо, но в последней версии оперы правый край сдвигается влево. Включаю border для блока ins и вижу, что распределён он не по 50%. Можно подправить тег width:50% (в .button ins), но тогда другие браузеры "обидятся". Что можно подкрутить, чтобы всё ровно было? В FF: В Opera: Файл active-types-bg.png : P.S. Всякие "трюки", типа создание отдельного файла со стилями "opera/css" или "text/opera" не помогают P.P.S У эврики в опере всё…

    Asked by ciwl,

    0 votes
    1 answer

  16. Картинка-маркер для списка высокая, как выровнять li по середине?

    Посмотреть можно здесь. По плану дизайнера список сбоку должен был выглядеть так: Как этого достичь? Простой vertical-align ничего не дает, а если изменить display, то пропадает маркер.

    Asked by Mosya,

    0 votes
    3 answers

  17. Содержимое колонок таблицы не выравнивается по горизонтальному центру

    Пытаюсь выровнять по центру содержимое третьей, четвертой и пятой колонки с использованием тега <col>. С этим заданием справилась только Опера. Ссылка: http://starbuzz.16mb.com/table/ Мозилла и Хром: Опера:

    Asked by mrnobody,

    0 votes
    3 answers

  18. Два дива друг на друге по диагонали

    Как это реализовать,помогите

    Asked by anar1811,

    0 votes
    2 answers

  19. Древовидный список

    Здравствуйте, я, конечно, новичок, но сложный сайт мне делать не надо, поэтому чтобы сформулировать вопрос большого ума не требуется, и я счел, что вопрос больше подойдет к верстке. Опишу ситуацию. Начал изучать законодательную базу нашего любимого государства, но понял, что одномерное представление текста слишком громоздко и неудобно для просмотра и поиска информации. Решил сделать древовидный список, типа как для файлов в Проводнике или как до недавнего времени (почему-то убрали) было на сайте Гаранта для КоАП или УК. То есть, чтобы имелся список законов, в нем список глав --> статей --> пунктов. В первом приближении Ворд мне ничем помочь не смог (а в егоном прогр…

    Asked by Atmos,

    0 votes
    1 answer

  20. Выпадение маркеров за блок

    Добрый день. Собственно вопрос касается свойства list-style-position. На jsfiddle все правильно отображается как и должно быть при list-style-position: inside, маркер находится внутри блока перед ссылкой. Вот http://jsfiddle.net/NWXkj/ В Safari, Chrome все нормально. Но в FireFox и Opera маркер выпадает вверх за пределы блока, картина выглядит следующим образом. Интересует именно почему так происходит в этих браузерах.

    Asked by eis,

    0 votes
    2 answers

  21. почему разваливается футер

    верстаю страницу http://tuuut.16mb.com/DB/ При ее уменьшении футер разваливается. В чем может быть проблема? и почему margin: auto для боди не работает?

    Asked by olechic,

    0 votes
    2 answers

  22. выравнивание текста в таблице

    Подскажите, как выровнять текст в таблице по вертикали по верхнему краю?? http://ukroem.ru/ondulin-instruktsiya-po-montazhu-svoimi-rukami.html

    Asked by fowl,

    0 votes
    1 answer

  23. Как установить шрифт в html документ.

    Да я чёт найти не могу, где про это говорят, а через поиск выдаёт font-family но font вродежь устаревший тег? В общем, как вставлять шрифты в xhtml код?

    Asked by jentlmen,

    0 votes
    3 answers

  24. проблема g.raphael

    Есть замечательная библиотека raphael, g.raphael - основан на графической библиотеки raphael.при подключении первой и работой с ней проблем не возникает, все рисуется.когда подключаю вторую g.raphael все скрипты качал с официальных сайтов и подключал <html> <head> <script src="raphael.js" type="text/javascript"></script> <script src="g.raphael-min.js" type="text/JavaScript"></script> <script src="g.raphael.js" type="text/JavaScript"></script> <script src="g.pie.js" type="text/JavaScript"></script> <script src="g.bar.js" type="text/JavaScript"></script> <script src="g.line.js" type="text/JavaScript…

    Asked by villionk,

    0 votes
    1 answer

  25. Класс <li> обьекта

    Можно ли обьекту типа ЛИ присвоить класс?

    Asked by bu3i28,

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