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 ссылкой

    Здравствуйте! Подскажите. пожалуйста, как можно целый див сделать ссылкой? Да ещё что б "анимированная" была (как здесь). Спасибо.

    Asked by Mr_Murder,

    0 votes
    4 answers

  2. Отсутпы блочных элементов

    Трабл следующий При верстке в html все блочные элементы, как и положенно отображаются один под другим. После разбиения страницы на php шаблоны, которые вывожу через <? php include 'имя файла.php'; ?> первый блочный! элемент в шаблоне типа <div> или<table> выводится с отступом на 1 строчку. При этом, если в шаблоне сперва написать текст или <span>, он появится там, где ему положенно. Лечу через position:relative; top:-20px; но, это дурдом... Хотелось бы вылечить в корне. Еще один вопрос: в файле шаблона, который буде выведен через include обязательно писать echo или эта команда не нужна? Все выводится и так и так...

    Asked by otell,

    0 votes
    13 answers

  3. Проблема с блоками

    Привет всем! Єсть проблема! Очень прошу вашей помощи! Как это реализовать? Есть блок (родительскии блок с фиксированой шириной, высота плавать должна ) --> --> внутри блока ещё 2 блоки справа и слева --> --> в блоке справа текст --> в блоке слева рисунок. Как реализовать так, чтобы ни текст, ни рисунок не выходили за приделы родительского блока, тоесть висота родительского блока - плавает. Буду очень благодарен за помощь! Оч нуно! Хелп плиз!

    Asked by Vendetta-V,

    0 votes
    5 answers

  4. В ie страница прыгает

    После прокрутки делаю рефреш (в ie8). Затем при наведении на ссылку мышкой страничка прыгает, занимая положение до рефреша. Подскажите, пожалуйста, как бороться с этим неприятным эффектом. <HTML> <BODY> <style type="text/css"> a:hover{ color: #ffffff; background-color: #003399; } </style> <TABLE><TR><TD><a href=''>link</a></TD></TR></TABLE> <TABLE><TR><TD height=1000></TD></TR></TABLE> </BODY> </HTML>

    Asked by yablozi,

    0 votes
    8 answers

  5. CSS - Overflow

    Додбрый день, уважаемые, подскажите пожалуйста, вот есть блок у которого свойство overflow - hidden. Внутри него находится другой блок, который по размерам больше 1-го. Из-за overflow-hidden свойства 1-го блока, внутренний блок частично урезается. Можно ли как-нибудь задать свойство таким образом, чтобы сво-во overflow-hidden не распространялось на внутренний блок, как-нибудь переопределить его? Помогите пожалуйста. Не получается у меня. Спасибо за внимание.

    Asked by olgasme,

    0 votes
    8 answers

  6. Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.

    Всем доброго времени суток. У меня проблемма следующего рода Необходимо сверстать страницу таким образом, чтобы она состояла из сладующих полей: левый блок - меню правый блок - контент. контент обрамлен белой полосой, которая удлиняется в зивсимости от высоты блока контента. Проблема в том, что полоса в верхней и нижней части затухающая. Что я делаю вариант 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head></head> <body bgcolor="#000000"> <table width="100%" height="1" border="1" cellspacing="0" cellpa…

    Asked by dopgroup,

    0 votes
    23 answers

  7. Сделать Блок Див Взятый В Рамку Ссылкой

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

    Asked by people2010,

    0 votes
    4 answers

  8. Windows Server 2003

    Есть сайт, который является внутрекорпоративным (но сделан чисто на HTML и php, он простенький). Платформа там используется ос windows server 2003. Вот так это выглядит там: А должно выглядеть так: Смещается именно выпадающее меню, не могу понять почему.

    Asked by rognarek,

    0 votes
    5 answers

  9. Вопрос по выпадающему меню

    Народ, если у кого-то будет желание, подскажите как исправить ошибки. За основу был взят шаблон выпадающего вертикального меню. Изменения в файл .js не вносились. 1. При открытии в браузере элементы выпадающего меню не скрыты. 2. В IE 6 при наведении на пункты меню последние не меняют цвет. Спасибо! Файлы здесь

    Asked by julie83,

    0 votes
    3 answers

  10. Проблема выпадающего меню

    Здравствуйте! Подскажите, пожалуйста! Делаю сейчас сайт на платформе wordpress. Выбрала тему которая нравится, но там возникла такая проблема. Когда открываешь видео, выпадающее меню находится ЗА видео, а мне надо чтобы находилась ПЕРЕД видео. Можно ли это как то исправить?

    Asked by SexPantera,

    0 votes
    10 answers

  11. Разреженный текст - как быть?

    Есть русско-японский текст (конкретно - перевод японской Википедии с помощью Google Translate). Вот такой код <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8;charset=utf-8" /> </head> <body> Справка </body> </html> даёт разреженные русские буквы в Opera и FireFox. В IE нормально (хотя он наверное опять что-то игнорирует). Стоит убрать lang="ja", всё нормально. Как быть?

    Asked by Webr,

    0 votes
    8 answers

  12. Как div блок растянуть по высоте между двумя другими?

    Здравствуйте! Есть два див блока: хедер и футер. Между ними блок контент. Футер прижат к низу окна браузера, и из-за этого между блоками контент и футер образовалась пустота. Вопрос: как блок контент растянуть между блоками хедер и футер, чтобы между ними не было зазоров? Цель данной манипулации: сделать внутри дивов бэкграунд чтобы образовался цельный лист. Спасибо. Код: <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="content"> </div><!-- #content--> </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </body> css: * { margin: 0; …

    Asked by Elmirill,

    0 votes
    7 answers

  13. Красивый checkbox

    Решила выпендриться и украсить форму, а в частности checkbox и кнопки. Взяла плагин (http://www.ruseller.com/lessons.php?rub=28&id=339) и прикрутила. Вот что получилось http://linker.nichost.ru/ Все отлично, вот только в FF checkbox нажимается только когда щелкаешь в верхней части, на нижнюю часть checkbox'a он даже не реагирует. В Chrom такой проблемы нет, например. Значит это заморочка FF, вот только что ему не нравится - я понять не могу И как отловить ошибку, тоже. Помогите, пожалуйста! Хоть намекните где копать.

    Asked by Bredova,

    0 votes
    3 answers

  14. Картинки с фоном на весь div

    На некоторых сайтах видел такую штуку! Есть див с контентом, в контенте текст и картинки. Та квот картинки размеров самых разных, но идут все столбиком. и чтобы было красиво у каждой есть рамки по бокам, при чем эти рамки идут ровно до краев div`а с контентом. Соответственно выглядят картинки при таком подходе аккуратнее. Вопрос как сделать такие рамки? Есть один очевидный способ. каждую картинку в див с width 100% и картинки в этих дивах выравнивать по центру. Но хотелось бы конкретно поработать со стилями самих картинок, так как они добавляются через админку. Спасибо!

    Asked by mokus,

    0 votes
    1 answer

  15. ТЕг select

    Всем привет. Поставил тег селект в нем OPTION . Нужно чтобы первый OPTION выводился еще до открытия списка и чтобы его нельзя было выбрать(т.е. чтоб он был в роли заглавия) как этого добиться? ( я просто ставил DISABLE но FireFox не выводит его первым )

    Asked by Budulianin,

    0 votes
    6 answers

  16. Если вылазят строки

    В общем проблема следующего рода - есть div с заданной шириной, и ограниченой высотой, содержание заранее не известно. Иногда бывает, что при обрезании текста, видна часть строки, что есть некрасиво. Хотелось бы удалить не полностью отображаемые строки, ни где не могу найти решения , вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Test</title> <style type="text/css"> .content{max-width:200px; max-height:200px; overflow:hidden} </style> </head> <body> <div class="content">…

    Asked by Garnet,

    0 votes
    5 answers

  17. Выравнивание в TD

    Привет всем Вопрос в следующем, есть конструкция типа такой <td style='text-align: center;'> <a></a> <span>ttt</span> </td> так вот, хочется чтоб ссылка выравнивалась по центру, а спан по правому краю. Можно как-нибудь это сделать? Спасибо

    Asked by maximspb,

    0 votes
    9 answers

  18. Кривое меню (CSS)

    Здравствуйте! Скачал готовый CSS layout с двумя столбцами. Уже второй день не могу приспособить туда свое меню. Не могу заставить его отображаться так же, как и в menu.html (c правильными отступами, без повторов и без li-точек). list-style: none; в menu.css почему-то не работает... Помогите, пожалуйстаста, разобраться со всем этим. http://files.mail.ru/NC1NLA

    Asked by statusspb,

    0 votes
    2 answers

  19. Проблема с выпадающим меню

    Доброго времени суток! Сделал выпадающее меню, все работает! Если бы не проблема с любимым ИЕ7!!! там оно выглядит вроде нормально, да только получились промежуточки между пунктами подменю, да и в основном меню полосочки. И все бы ничего да только когда ведешь мышкой по подменю, проходя этот промежуточек - меню сворачивается! Подскажите пожалуйста как поправить эту беду! Сайт: http://ipplaneta.ru

    Asked by Leonidk,

    0 votes
    17 answers

  20. Div не хочет растягиваться по высоте

    Код примерно такой: <div class="wrapper"> <div class="content"> <div class="post-1"> </div> <div class="post-2"> </div> <div class="post-3"> </div> </div><!-- END content --> <div class="sidebar"> </div> </div><!-- END wrapper --> .wrapper никак не хочет растягиваться по высоте. Пробовал прописывать height:100%; min-height:100%; height: auto; но ничего не помогает. Что делать?

    Asked by SEObomj,

    0 votes
    12 answers

  21. отступы от элементов сайта.. центрирование

    Здравствуйте! У меня собсно, такая проблема: верстаю сайт(так, для отработки навыков) и не получается убрать отступы (выделено красным на картинке) и еще вопрос? как сделать так, чтобы сайт отцентрировался в опере, осле и мозиле? сколько делал.. что-то в голову не прихолит решения... Помогите пожалуйста... По возможности объясните технологию..))) КОД: html </p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" type="text/css"…

    Asked by Diego,

    0 votes
    8 answers

  22. как приатачить outlook

    Подскажите пожалуйста, как приатачить outlook к ссылке?

    Asked by pattaya,

    0 votes
    4 answers

  23. a:hover в h1

    Добрый день. Помогите реализовать следующее. Есть код <a href="{U_VIEW_FORUM}">{FORUM_NAME}</a> К тегу а применяется свойство: a:hover { color: #D31141; } Я хочу сделать вот так: <a href="{U_VIEW_FORUM}"><h1 class = "title">{FORUM_NAME}</h1></a> И все вроде бы хорошо, но в таком случаи по понятным причинам не работает a:hover { color: #D31141; } Как сделать что б работало?

    Asked by armid,

    0 votes
    3 answers

  24. Сайт На Дивах - Перекрытие

    Здравствуйте! На сайте с помощью абсолютов загнал блоки в дивы и разместил их по нужным мне местам(спасибо psywalker'у). Все отлично, да вот возникла очередная проблема! Центральная панель(тетрадные листочки и пачка сигарет) перекрыла левую и правую. Левую - хрен с ней, а вот на правой находится ссылка и 2 счетчика, которые должны быть действующими. Помогите справиться с проблемой. С уважением.

    Asked by f1nik,

    0 votes
    8 answers

  25. Помощь. 100% высота

    Добрый день. Перед тем как писать - я гуглил, но мне ничего не помогло. Проблема в том что не получается прижать футер к низу. Вот страница где нужно исправить http://club-mobile.info/test/ т.е. нужно, когда мало контента, чтоб футер всё равно прижимался. Вот скрин: Стрелочками указано что куда сместить. Заранее благодарен.

    Asked by Sven,

    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