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. Объясните пожалуйста как исправить

    Вот в чем проблемка. вот код странички с требуемой таблицей. суть в том, что боковые ячейки заданы, а ширина средней определяется, как остаток. <html> <head> <title>Таблица</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html {width: 100%; height: 100%; padding: 0px; margin: 0px;} body {width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #dddddd;} .main {padding: 0px; margin: 0px; border-collapse: collapse; width: 100%; border: none;} .main td {padding: 0px; margin: 0px; border: none;} </style> </head> <body> <table class="main" cellpadding="0" …

    Asked by PEOP,

    0 votes
    9 answers

  2. проблема с представлением страницы в firefox

    Добрый день всем ! Сломал голову . Ниже я приведу свой код IE все как надо а в FireFox все ломается . Будте так добрв помогите . Здесь ссылка на сайт http://www.bgraf.biz/php_doc/test.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=iso-8859-1" /> <title>Untitled Document</title> </head> <style type="text/css"> .color_block { border: 1px #111B64 solid; background: #FFFFFF; width: 296px; } em.bt, em.bb { display: block; height: 4px; font…

    Asked by bgraf,

    0 votes
    4 answers

  3. два вложенных min-height: 100% - НЕ РАБОТАЕТ !

    С данной проблемой встретился давно, но тогда сверстал другим образом, а сейчас мне это нужно. весь день мучился, искал, нечего не нашел. Ну вот вроде все правильно написано. так в чем же проблема ??? P.S. Я не имею веду то что min-height не работает в IE6, я не про это. вот посмотрите код, что не так ??? почему не работает ? спасибо! <!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"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { hei…

    Asked by Ruster,

    0 votes
    9 answers

  4. Глюки с наследыванием или хз с чем...

    <!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>Untitled Document</title> <style> .div1 { width: 164px; position: absolute; top: 30%; background-color:#009999; } .div1 > a { display: block; text-decoration: none; color: #ffffff; padding: 5px; background:#212121; border: 2px ridge #000; } .div1 > a:hover {background: #7f7f7f;} .div2 { width:36px; height:36px; position:absolute; right:-36px; top:50%; margin-top:-18px; } .div2 a …

    Asked by Destrifer,

    0 votes
    17 answers

  5. Блоки в лисе уезжают в подвал

    Че-то давно не писал. Вот наткнулся на любопытный глюк в лисе 2.0.0.18 Ссылка ИЕ все оки. В лисе вверху только один товар, все остальное улетает в подвал. Что делать?.

    Asked by PaLyCH,

    0 votes
    6 answers

  6. owerflow

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>test</title> <style> #qqq { border: 1px solid #000000; width: 150px; height: 100px; overflow: hidden; } #aaa div{ display: block; border: 1px solid #ff0000; margin: 5px; } #aaa { border: 0; position: relative; } </style> </head> <body> <div id="qqq" align="center"> <div id="aaa"> <div>111</div> <div>222</div> <div>333</div> <div>444</div> &lt…

    Asked by Veseloff,

    0 votes
    3 answers

  7. В таблицу ставлю картинку и никак не могу убрать отступ снизу (IE 6.0)

    Добрый день. Сайт выложил на фтп: http://samorealization.ru В Фаерфоксе все ок. В IE 6.0 не могу убрать отступ внизу, сразу под картинкой. Замаялся... Поможите!! Спасибо. Отпишитесь, пожалуйста, у кого в каких версиях IE как высвечивается сайт. Еще раз заранее спасибо.

    Asked by samorealization,

    0 votes
    2 answers

  8. переопределение br

    Можно как то высоту между сроками задать которые он переносит?

    Asked by ArtOfHuman,

    0 votes
    1 answer

  9. Выравнивание текста

    Народ помогите. Я в программировании дуб дерево. У меня есть картинка ,вернее какой то скрипт, вот он (<a href="https://siteheart.com/webconsultation/6865?byhref=1" target="siteheart_sitewindow_6865" onclick="o=window.open;o('https://siteheart.com/webconsultation/6865', 'siteheart_sitewindow_6865', 'width=550,height=400,top=30,left=30,resizable=yes '); return false;"><img src="http://siteheart.com/webindicator/livehelp7?ent=6865" border="0" alt="SiteHeart" /></a> ) Мне нужно чтоб после этой картинки с отступом приблизительно 1см был написан телефон , но не просто в этой строчке а посередине картинки . Очень прошу помочь.

    Asked by bambuk9,

    0 votes
    4 answers

  10. textarea... проблема

    При прокрутке текстареа с помощью Opera текст "съезжает". В остальных браузерах нормально все. Помогите решить проблему плиз. Вот ссылка. Далее надо нажать "Гастроли". Прямую ссылку не привожу, так как надо чтоб страница открылась в новом маленьком окне (что не получится при прямой ссылке). http://www.gabdelfat.ru/

    Asked by raffx,

    0 votes
    5 answers

  11. пожалуйста помогите с таблицей.

    вот рисунок той таблицы, которая мне нужна. http://yes.wen.ru/123/htmltable.jpg вроде бы ничего сложного, а не получается. вверху и внизу ширина имеется ввиду 100 процентов. важно чтобы не было бордюров и никаких отступов по краям и между ячейками или строками. иными словами, все в прилипку друг к другу. только центральный блок сам расширяется в зависимости от экрана пользователя. заранее очень благодарен. извините, что не совсем в тему. =)

    Asked by PEOP,

    0 votes
    8 answers

  12. Высота таблицы

    как определить высоту таблицы, чтобы присвоить её значение переменной

    Asked by russiasu,

    0 votes
    2 answers

  13. Вывод текста в тегах pre внутри таблицы

    В базе данных есть несколько сообщений. Некоторые записаны в нормальном виде ( с enter-ми ), а некоторые длинной одной строкой. Надо чтобы нормальный текст, выводимый на экран, выглядел бы так же, как в базе данных. Для этого я использую тег 'pre'. Данные выводится в ячейку таблицы. При этом, если текст записан одной строкой, то ячейка расширяется на всю длину этой строки (не влезает на экран) и никак не реагирует на ограничение ширины. Вопчем мне надо, чтобы приоритетом была ширина ячейки, а потом уже форматирование текста (те если текст в ячейку не влезает, чтобы он переносился на другую строку) Сумбурно как-то получилось, но надеюсь понятно

    Asked by ivmar,

    0 votes
    8 answers

  14. Прижатый футер + еще кое-что

    Здравствуйте, не получается реализовать следующее: Нужно на дивах сделать верстку, чтобы получился результат как на рисунке, а footer был прижат к низу страницы Нашел в сети следующий рабочий пример, добавляю к нему внутрь #content #left и #right но из-за свойства float: left весь эффект прижаточти футера пропадает. Как быть? <!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" lang="ru"> <head> <title>Прижимаем футер к низу страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <…

    Asked by Samborsky,

    0 votes
    1 answer

  15. При изменении размеров пропадает резкость картинки

    Сабж.

    Asked by user,

    0 votes
    11 answers

  16. текст выходит за рамки блока в фф.

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

    Asked by nickflip,

    0 votes
    28 answers

  17. Таблица

    Таблица Стиль задан такой: .table1 { border: 1px solid #CC0000; padding:2px; margin: 2px; background-color:#FFFFFF; } Но на странице не все линии таблицы видны - получается просто внешняя рамка. Где же я ошиблась? Заранее спасибо

    Asked by Ромашка,

    0 votes
    5 answers

  18. Clip

    Нужен clip и position: fixed Ввиду несовместимости первого со вторым ищутся альтернативы либо первому либо второму (возможно JS).

    Asked by Destrifer,

    0 votes
    4 answers

  19. Обтекание в CSS

    Нароод такая проблема есть html документ: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .menu_2{ border: 1px solid black; width:542px; height:100%; } .menu_2 P{ margin:0px; border: 1px solid black; font-size:12px; width:400px; } .menu_2polosa{ border:1px solid black; width:13px; height:100%; } </style> </head> <body> <div class="menu_2"> <p>hello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello helloh…

    Asked by tonik_spb,

    0 votes
    17 answers

  20. IE не понимает td align="justify"?

    IE 7 не понимает <td align="justify">? В IE работает только с <div align="justify">?

    Asked by GaaD,

    0 votes
    7 answers

  21. FrontPage 2000 (2003 ) и DreamWeaver 8 *

    Извините, если тема давно обглоданная и забытая. Но меня волнует. Поэтому благодарен буду за объяснения и помощь. (FAQ просмотрел. Несколько страничек с темами форума тоже. Не нашел. Если прозевал - извините великодушно!) Ситуация такая. Понадобилось накатать большой сайт для фирмы друга. В конце 90-х начале 2000-х годов уже занимался созданием сайтов. Своих имел аж два :-) Писал в FP-98, потом в 2000. Основные знания имел. Потом 8 лет вообще к этой теме не притрагивался. Теперь вот понадобилось и сильно и срочно. Поэтому встал вопрос - в чем писать? У меня есть FP-2000 и 2003. Нашел DW-8 с книжкой. В принципе, и FP-2000 вспоминается легко (2003 сложнее, есть непонятные р…

    Asked by Курсор,

    0 votes
    11 answers

  22. Разрешение 1024х768

    Подскажите, что нужно сделать. Есть шаблон и в разрешении 1280х1024 все видно хорошо, но у некоторых пользователей разрешение 1024х768 в этом случае появляется горизонтальная прокрутка, что нужно сделать, чтобы от нее избавиться и страница сама подстроилась под нужное разрешение? Вот код CSS html { padding: 0px; margin: 0px; border: 0px; } body { margin: 0px; padding: 0px; border: 0px; height: 100%; width: 100%; text-align: center; /* required for centering the page in IE */ background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 12px; color: #E9E9E9; line-height: 19px; background-attachment: fixed; background-position: left bottom; bac…

    Asked by johncy,

    0 votes
    8 answers

  23. Сайт неправильно отображается в IE

    Сайт неправильно отображается в IE ( в других нормально ). Повидемому не успевает загрузить весь контент.... Что здесь можно сделать? Почему так происходит? вот ссылка http://www.td-profil.ru/glavnoe_menu/tovar...jding/variform/ понажимайте в прамом мену несколько раз по ссылке Variform

    Asked by antonP,

    0 votes
    3 answers

  24. проблемка с вложенной таблицей

    есть такой кодик: <html> <head> <title>Пипец!!!</title> </head> <body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0"> <table width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr align="center" height="100%"> <td bgcolor="#808000" valign="middle"> <table width="90%" height="90%" cellspacing="0" cellpadding="0"> <tr> <td width="66%" bgcolor="#00FFFF"></td> </tr> </table> </td> </tr> </table> </body> </html> проблема в том что таблице задано положение valign="middle" в ОПЕР…

    Asked by CAs...,

    0 votes
    2 answers

  25. Оцените пожалуйста

    Доброго времени суток, уважаемые форумчане. Это моя первая вёрстка, поэтому прошу строго не судить Вот так примерно должен выглядеть сайт: А это то, что у меня получилось: http://hosting0.narod.ru/ CSS вместе с html, потом CSS вынесу в отдельный файл. У меня есть несколько вопросов: 1. В IE 6, 2 блока левее ссылки на главную страницу уходят вниз, а должны быть в этом же ряду. Как их поставить на место? Также заметил, что на достаточно известных порталах в IE 6 блоки слетают вниз: сайт IPB форумов меню стоит нормально, а текстовый блок (который как мне кажется должен быть справа) слетает вниз. Хабрахабр здесь слетает вниз меню, которое должно находиться справа от стате…

    Asked by sm0k,

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