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. Ширина 3-ей колонки

    Вот есть у меня главный слой. В нём 3 колонки, 2 заданной ширины, а 3-я что бы сама растянулась на оставшееся место, а как - подскажите. Параметр height: 100% только переносит колонку на новую строку и растягивает во всю ширину главного слоя. height: auto растягивает колонку в зависимости от содержимого. А больше я незнаю чего бы применить.

    Asked by Yahoo!,

    0 votes
    3 answers

  2. Рвется дизайн в ИЕ7.

    Ссылка. Смотрим в ИЕ7. 1) В итоге поле "Новости:...." с поиском вылазят на весь экран. 2) Подвал еще страшнее, вроде таблица, но почему так?

    Asked by PaLyCH,

    0 votes
    2 answers

  3. http://www.htmlbook.ru/css/hover.html - в IE6 меню не работает

    Народ такая ситуация, во на сайте дается код выпадающей менюшки!! Так вот в IE6 она вообще не работает!!! Как исправить??? Код написал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */ font…

    Asked by sufokol,

    0 votes
    4 answers

  4. Ссылки уходят вниз

    Вот страница http://www.online.ukrworld.net/about.php Там внизу есть ссылки О сайте, помошь и т.д... В опере все нормально.. в мозиле они почему-то уползают вниз.. подскажите пожалуйста как это исправить?

    Asked by Ark,

    0 votes
    4 answers

  5. реально ли сверстать такой дизайн?

    проблема у меня возникла в пространстве между верхом билборда и началом домов, там юзается градиент, при размножении получается кака . Честно говоря уже стал сомневаться что данный диз можно вообще сверстать 1к1 чтобы он был резиновым.

    Asked by Satanael,

    0 votes
    11 answers

  6. firefox + explorer 6 + doctype

    В продолжение вот этого топика. Без доктайпа эксплорер не выравнивает слои по центру при "margin 0 auto" С доктайпом файрфокс не тянет автоматом высоту таблицы на 100% от ее контейнера (если в ней контента меньше по высоте). Распорки не катят, т.к. высота контейнера не фиксированная. Как победить?

    Asked by Chin,

    0 votes
    3 answers

  7. Как сделать так, чтобы DIV занял все свободное место?

    Смотрите, страница состоит из трех дивов с абсолютным позиционированием: Размеры первого и второго дивов заданы. Нужно сделать так, чтобы третий див занимал все оставшееся пространство экрана. Как это сделать? Дело в том, что в этом третьем диве находится картинка. Отчаявшись выровнять ее по центру, я даже поставил третьему диву атрибут align=center, но и это не помогло! По-моему это из за того, что третий див автоматически получает такую же ширину, как сама картинка.

    Asked by hooey_ru,

    0 votes
    6 answers

  8. таблица висит...

    Здравствуйте. В общем как верстка простенького макета, но ед баг в ие6 не знаю как его убрать... собственно вот он : http://api.browsershots.org/png/original/2...c5b7af154c2.png http://musul.narod.ru/example4/index.html заранее спасибо..

    Asked by musulman,

    0 votes
    4 answers

  9. Не могу сделать меню

    Вот такое меню мне нужно сделать. Слева выбор пункта, справа контент. Причём контент в рамке и выбранный пункт должен быть в рамке, а остальное нет. Так вот. Я сделал так - 2 слоя с позишн=абсолют, в одном ul-список пунктов, в другом поле для контента. У контента со всех сторон бордер, у выделенного элемента справа-сверху-снизу, с права белый, который как бы перекрывает правый бордер. Всё так и получается, но это решение не подошло из-за проблемы: Как видите, перекрыло на 2 пикселя больше, чем надо, а это мне не подходит. Ваши предложения? HTML: <div class="cats"> <ul> <li class="selected cat_events">события</li> <li class="cat_design"&gt…

    Asked by Choo,

    0 votes
    3 answers

  10. <STYLE TYPE="text/css">

    когда в хтмл-странице делают <STYLE TYPE="text/css">код ксс </STYLE> это то же самое как к странице привязать отдельный css-файл ? или это чем то ущербное решение ?

    Asked by pribl,

    0 votes
    1 answer

  11. Помогите

    И так начну свою тему: я тут создал свой сайт с нуля конечно, но он у меня еще не запущен, так как на нем нет "информации о сайте" ОПИСАНИЯ о том для чего я его сделал и зачем он нужен в сети Интернет. В общем мне в голову не чего не лезет, и я не знаю, что можно придумать вот я и у вас хотел спросить есть ли коки не будь программы, которые описывают сами мою воображалку. Буду благодарен если вы мне поможете

    Asked by XITPbli,

    0 votes
    5 answers

  12. Проблема с отображением шрифта в Опере

    Помогите решить проблему со шрифтом. В IE7 шрифт Century Gothic отображается нормально, а в Опере отображается некорректно (буквы какие-то угловатые и тоньше чем в др. браузерах) H1 { font-size: 20px; font-weight: bold; font-family: "Century Gothic"; }

    Asked by stosen,

    0 votes
    8 answers

  13. Проявить бблоки по ссылки

    Здравствуйте, уважаемые! Это снова я. На сей раз у меня следующий вопрос: поставлена задача при клике на ссылку (определенную ссылку) необходимо отобразить на этой же странице еще несколько по сути схожих блока, как это сделать? какими средставами? если кто знает где можно найти такой пример (скрипт и т.д.) поделитесь, пожалуйста. Спасибо!

    Asked by inweb,

    0 votes
    4 answers

  14. Исчезает рамка при наведении на ссылку

    Имеется табличный дизайн, резиновый трехколоночный макет В средней колонке при наведении на любую ссылку в IE 6 исчезает кусочек рамки у левой колонки напротив самой ссылки. В остальных браузерах вроде все нормально. Что можно сделать, чтобы исчезания не происходило? P.S. На других страницах я помещал такие ссылки в ячейки новых таблиц с невидимой границей, тогда исчезания не происходило. Но есть ссылки прямо в тексте, поэтому при вставке новых таблиц происходит переход на новую строку. А это все портит.

    Asked by Strelok,

    0 votes
    4 answers

  15. Фон из Фотошопа

    Привет всем! Объясните, пожалуйста, как, используя стиль к тегу Боди, применить фон, созданный в программе Фотошоп.

    Asked by Kuma,

    0 votes
    8 answers

  16. Тег <pre> вложенный в <code>. FF3.0

    Ситуация состоит в следуещем: в мозиле текст обрамленный тегом <pre>, а тот в свою очередь тегом <code>, создает такое ощющени как-будто бы тег <pre> не вложен в тег <code>, а идет следом за ним. Тем самым браузер показывает что тег <code> пустой. В опере все нормально. Как разрешить такую ситуацию?

    Asked by Elendor,

    0 votes
    1 answer

  17. Вертикальное выравнивание рисунка в блоке

    Всем привет! сразу к делу. есть блок, внутри него надо отцентрировать рисунок по вертикали. вроде бы есть решение height:... line-height:... Но не работает в IE 6. Для IE6 нашел нашел на этом форуме решение с пустым <span>, но оказалось что не работает в Google Chrome (а, следовательно в Sofari). Вот кстати рисунок. Итак мне просто нужно чтобы значок RSS был на одной линии с текстом. Никаких таблиц. необходима валидность, совместимость: IE6 и выше, Opera 9 и выше, FF 2 и выше, Google Chrome. Вроде бы на превый взгляд задача оч. проста, но бъюсь уже целый день Доп инфо - высота блока и размеры рисунка известны. Особое требование - при изменении масштаба на один …

    Asked by Punsh,

    0 votes
    2 answers

  18. Красивый код

    Всем привет! Подскажите - а есть ли возможность в Dreamweaver выделять код цветом? Например текст или строку целиком?

    Asked by styleroom,

    0 votes
    6 answers

  19. Позиционировние

    Праблема такая: верстка дивами, три колонки, поверх границы между второй и третьей колонкой хочу повесить позиционированный див. Пытаюсь естественно применять position:relative. в результате сей операции внутри блока, относительно которого позиционируется элемент, образуется промежуток по высоте равный высоте позиционируемогоэлемента. Если применять абсолют, такойже прикол тока перед или после страницы. Ко всему прочему IE6 вообще не отображает сей элемент.. Чтоделать

    Asked by mozart,

    0 votes
    2 answers

  20. размер шрифта в input

    В таблице стилей ставлю: input.field { font-size: 14px; } В текстовом поле отображается нормальный размер, а в selectе размер немного меньше. В чем проблема, подскажите, плиз? Туплю... input.field { font-size: 14px; } select.field { font-size: 14px; }

    Asked by stosen,

    0 votes
    1 answer

  21. Разное оформление елементов select'a

    Товарищи, подскажите плиз, новичку, можно ли для конкретного тега <option> в списке <select> применять разные стили? А то у меня чего-то не получилось, а хотелось. Для всего списка в целом применяется, а для конкретного опшона не понял как. Заворачивание текста опшона в <span> у меня тоже эффекта не возымело.

    Asked by MegaCasper,

    0 votes
    2 answers

  22. футер при относительном позиционировании

    Верстка трехколоночная .Хочу спозиционировать эелменты относительно так как растягивание мне ненужно.. начинающий . делаю как в статье http://www.htmlbook.ru/content/?id=101 , но знаний нехватает чтобы подвал автоматически смещался под самую длинную из колонок..подскажите как решить эту проблемку?! Заранее благодарен за ответ

    Asked by RobotWerder,

    0 votes
    8 answers

  23. Фишка с opacity

    вот проблема <table width="440" border="0" cellpadding="0" cellspacing="0" style="opacity:0.5;filter: alpha(opacity=50); -moz-opacity: 0.5;" background="../border_back.gif"> <tr> <td align="left" valign="bottom" scope="colgroup" style="opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;">TITLE</td> </tr> </table> УЧИТЫВАЯ ТО, ЧТО текст будет динамичным (дополняться и тд) т.е. высота ячейки будет меняется в зависимости от инфы. Почему все прозрачное? хотел полупрозрачный фон и непрозрачное заполнение текстом...получилось все полупрозрачное! Как сделать как хочу?!

    Asked by Aganaspher,

    0 votes
    9 answers

  24. FF прячет границу

    образец проблемы сделан наглядно: http://at.tut.by/nhjugfbd/obrazec.htm

    Asked by Rilo,

    0 votes
    6 answers

  25. теги для favicon

    встретил три варианта тегов для значка страницы <LINK REL="shortcut icon" href="favicon.ico"> или <link rel="icon" href="/favicon.ico" type="image/x-icon"> вместе с <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> какой из них правильный? если вставлять все три, то FF игонрирует, а если только первый, то "читает".

    Asked by Rilo,

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