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. 2 дива прижать к третьему который ниже

    есть два дива, один имеет фиксированую высоту, а другой плавающюю, в зависимости от контента, как мне сделать так что бы второй который имеет фиксированую ширину имел нижнюю границу свою на одной линии с дивом который меняет свою высоту вот пример. <!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>Слои по горизонтали</title> <style type="text/css"> body{ min-width: 400px; } #layer1 { background-color: #fc0; /* Цвет фона слоя */ border: 1px solid #000; /* Параметры рамки вокруг */ padding: 5px…

    Asked by bezdna,

    0 votes
    4 answers

  2. Проблема с иконкой в строке адреса

    Я хочу добавить иконку в строку адреса. Создаю файл favicon.ico, помещаю его в корневой каталог сайта, в файле пишу: В результате в Мозилле и Опере отображает, в ИЕ- нет. Смотрю в код сайтов, в которых все нормально отображает: у них либо прописано так, либо вообще ничего в коде не прописано. Тем не менее, у них отображает везде. Так почему у меня не отображает, если я делаю так же? Есть какие-то идеи?

    Asked by nemecfc,

    0 votes
    8 answers

  3. default для всех свойствкласса

    приветствую. скажите, плиз, если свойство в css которое, в свою очередь, отменяет все наследуемые параметры в дефолт? к примеру имееться такая структура ... <div class="holder"> ... <div class="holder"> ... etc... ... </div> ... </div> смотреть и ручками обнулять наследуемые свойства как-то слишком... может есть что-то более радикальное?

    Asked by klierik,

    0 votes
    3 answers

  4. Не работает min-height : 100% в FF

    Добрый день Вот пример сайта http://www.ulskiy.org.ua/example/ У наружного блока .contentbody и у елемента body задано свойство min-height : 100%; Если открыть его на мониторе с разрешением 1280 на 1024 в броузере Firefox, то будет видно, что это свойство не работает. Подскажите пожалуйста как решить эту проблему

    Asked by Casufi,

    0 votes
    5 answers

  5. margin-top и margin-bottom

    Вопрос явно простой, искал ответ во всей сети - ненашел, Есть таблица с двумя строками и двумя рядами: верхняя строка - одна ячейка (colspan="2"), нижняя строка состоит из двух ячеек. В верхней строке-ячейке лежит jpeg, в правой-нижней ячейке - текст, а в левой-нижней с помощью div'а размещается gif: <html> <head> <title>test margin</title> </head> <body> <table align="center" bgcolor="#d7d7d8" border="1"> <tr> <td colspan="2"> <div style="margin-top:0px;"> <img src="" width="200" height="100"> </div> </td> </tr> <tr> <td> <div style="margin-top:0px;"> &l…

    Asked by cx717,

    0 votes
    6 answers

  6. Растягивание DIV

    Есть два блока внутри одного, как сделать чтобы они не вылезали за пределы внешнего блока , при их растягивании. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML><HEAD> <TITLE></TITLE> <style type="text/css"> #main-menu { background:RED; height: 35px; } #content { border: 1px solid blue; padding-bottom:10px; } #main-sec1{ float:left; margin:5px; width:250px; border: 1px dotted black; } #main-sec2{ margin-top: 5px; margin-left: 265px; width:670px; border: 1px dotted black; } #main-bottom{ height: 52px; background: GREEN; } </style> </HEAD> <BODY> <di…

    Asked by chipi,

    0 votes
    11 answers

  7. почему код примера с htmlbook не валиден?

    Всем привет. Вопрос касается данного доктайпа: quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Объясните или дайте ссылку где доходчиво написано как нужно писать код, чтобы с данным доктайпом он был валиден. В качестве примера можно рассмотреть код с http://www.htmlbook.ru/html/form.html <!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>Тег FORM</title> </head> <body> <form action="/cgi-bin/handler.cgi"> <b>Как по вашему мнению расшифровывается абб…

    Asked by Storm,

    0 votes
    8 answers

  8. Рамка из картинок вокруг контента на слоях

    Всем доброго дня! Переделываю верстку одного сайта с таблиц на слои. В общем-то, все уже есть, кроме главного. Весь основной контент помещался в рамочку из 8 картинок. Угловые просто картинки, а горизонтальные и вертикальные тянущимся фоном. Вот на слоях пока не получается это сделать. Пример того, что есть сейчас (только рамка) вот тут: http://www.elfworld.ru/eryn/design/hibernia/content.htm Стили прямо там что бы проще и нагляднее. Верхняя и нижняя линия вроде бы везде хорошо. А вот с центром (3 слоя в общем слое content_main) проблема. Высоты контента я не знаю. Центр в красной рамке. Нужно что бы фон в слое слева и справа от слоя контента тянулся, его же вообще нет. К…

    Asked by DelpH,

    0 votes
    9 answers

  9. Ширина Option vc IE

    приветствую. такой трабл.. есть select с фиксированной шириной любой браузер содержащиеся в нем оптионы растянет на ширину текста. конешно же кроме IE. таблетку против ИЕ6 нашел: <style> behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); </style> но в ИЕ7 оно уже несрабатывает ((( у когото есть соображения?!

    Asked by klierik,

    0 votes
    5 answers

  10. Фамилии по 1-й букве в <Select>

    Гоню список фамилий из базы в тэг (на пхп). Сортировка списка не алфавитная. Проблема: по набору буквы не подтягивается фамилия на эту букву. Локально стоит Денвер. Все нормально работает. При наборе первой буквы в селекте подтягивается первая по порядку фамилия на эту букву. Второй раз жму букву, подтягивается следующая фамилия на эту букву. На хосте через инет когда как бывает. Иногда работает. Иногда нет. Не пойму логики. Самый тупой вариант решения, это переписать все такие селекты с предварительной сортировкой списка по алфавиту. Не знаю пока поможет ли это. Но почему локально работает? Пхп + майскл. Кодировка базы utf-8.

    Asked by ХисДамир,

    0 votes
    5 answers

  11. проблема с фоном

    постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> чтобы div.one и div.two растягивались на всю высоту окна браузера. Буду благодарен за любую идею по реализации. Совершенно не имеет различия таблицами или дивами. Главное, чтобы работало.

    Asked by vr201,

    0 votes
    18 answers

  12. Установить ширину блока по ширине содержимого.

    В спецификации CSS про свойство width написана интересная штука (http://www.htmlbook.ru/css/width.html) Если я вставляю в сайт с резиновой версткой одну картинку большой ширины, то появляется горизонтальный скроллер, но угловые элементы, по прежнему стоят у края окна броузера. Подскажите, можно ли сделать так, чтобы граница блока определялась границей контента ? Пример сайта вот здесь http://ulskiy.org.ua/example/

    Asked by Casufi,

    0 votes
    6 answers

  13. Как убрать в IE вертикальный отступ между блочными элементами?

    Давно заметил, что IE по непонятным принципам созда?т вертикальные отступы между блочными элементами. Будь то две расположенные друг над другом таблицы, будь то два слоя, или таблица со слоем... вылезает отступ. В других браузерах этой проблемы нет. Кто в курсе, как это лечится? вот пример такой проблемы:http://walkspb.ru/hotels/rossiya.html Здесь между "карнизом" и основным полем страницы получается разрыв, хорошо заметный по сдвигу градиента.

    Asked by ArCher,

    0 votes
    6 answers

  14. Установить базу для ссылок внутри css

    Возможно ли в обьявлении вида: <link rel="stylesheet" type="text/css" href="test.css"> указать атрибут, чтобы все ссылки находящиеся внутри данного файла имели указанную базу.

    Asked by nim,

    0 votes
    5 answers

  15. Наследование стилей.

    :/ Не могу уменьшить размер картинок с помощью CSS. Интересно, почему??? :| <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>EXPERIMENT</title> <style type="text/css"> #pictures { position: absolute; left: 122px; top: 169px; height: 1px; width: 1px; border; 0px} </style> </head> <body> <div id="pictures"><img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""></div> </body> </html>

    Asked by Gatanoa,

    0 votes
    5 answers

  16. выстроить иллюстрации по ширине экрана

    Голова кругом, а работающего решения нет: Статья оформлена картинками(рисунки,схемы, фотографии). Все картинки имеют подпись(иногда одна подпись на несколько картинок), выравненную по центру изображения. Каритнки текстом не оптекаются. ЗАДАЧА: если подряд идут несколько иллюстраций, блоки (картинка-подпись) должны выстраиваться в линию и, если возможно, центроваться по доступной ширине экрана.

    Asked by Allexandr,

    0 votes
    4 answers

  17. Классическая проблема с ИЕ 6

    Точнее с правой колонкою подаю код * { margin: 0px; padding: 0px; } ul {list-style: none;} body { font-size: 12px; margin: 0px; text-align: center; background: #CFCFCF url(img/bg.png) repeat-x; color: #000000; font-family: Arial, Helvetica, sans-serif; } /*************************************************** *********************** Container ************** *****************************************************/ #container { float: left; width: 100%; overflow: hidden; background: none; color: #333; } /*************************************************** *********************** Left Sidebar Container ******* *****************************************************/ #left…

    Asked by darmoid,

    0 votes
    7 answers

  18. проблема с формированием таблицы при загрузке в IE

    Сверстал свой первий сайт но вот проблема, при загрузке страницы в IE таблица растягивается не на сто процентов как указано, а на 10-15px меньше. После нажатия refresh вс? в порядке так же Opera отоброжает с самого начала вс? правильно. Очень прошу о помощи ! Простите за ужасный код страничку делал в первый раз <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>A Design</title> <style type="text/css"> div { font-family: font-family: Verdana, sans-serif; font-style:normal; font-size: 16px; font-weight: ligh} A { text…

    Asked by artofpassion,

    0 votes
    2 answers

  19. Проблема то ли с фреймами, то ли с явой

    Main page Main page Our city Minsk Church history Church history Pastor Church building Church building photo Camp Camp Camp photo Camp movie

    Asked by zimus,

    0 votes
    3 answers

  20. резиновость с относительной шириной

    Суть вопроса весьма странна. Есть двух колоночный шаблон с шапкой и футером прибитым к низу окна. Причем и шапка и футер тянутся в ширь. Но вопрос не в этом. Одна и колонок это меню и имеет постоянную ширину. А вторая колонка должна тянуться, но при этом вертикально центрирована в оставшейся справа свободной части экрана. Короче ее ширина должна составлять около 80% от свободной области справа. Проблема в том что в разных броузерах по разному понимаются некоторые приемы реализации данного изврата дизайнера. Может подскажите хотя бы по какой дороге идти чтоб найти решение. P.S. нужно чтоб все это было чисто в дивах. соббственно сам код страницы <!DOCTYPE html PUBLIC "-…

    Asked by guvatara,

    0 votes
    1 answer

  21. ПРОБЛЕМА С ОТОБРОЖЕНИЕ КАРТИНКИ В Explore're

    Всем доброго времени суток!!!!! У меня вот какая проблема есть сайт www.donchanka.ru надо в шапку вставить картинку девушки, я ее вставил но ее видно только в Опере и мозиле а вот в эксплорее не видно что это может быть, помогите плиз :|

    Asked by Nickols,

    0 votes
    4 answers

  22. Начинающий: Прокрутка всей страницы

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

    Asked by fivtin,

    0 votes
    1 answer

  23. Высота всей страницы - всегда 100%. Как?

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

    Asked by ekha,

    0 votes
    5 answers

  24. Разная длина линии в браузерах Опера и ФФ

    1.Я столкнулся с проблемой когда одна линия фиксированной длинны в Опере и ФФ отображаеться с разным размером по длинне (мой сайт, меню справа, над надписью "Меню сайта" синяя линия). Эту проблему можно как-то решить? 2.Я скачал и вставил скрипт на "жизнь сайта в сети" но что-то с ним не то, в Опера отброжаеться нормально, а вот в ФФ не та дата отброжаеться и нету отступа от меню сайта. Помогите пожалуйста!.. vermiculit.com.ua/test

    Asked by Kos87,

    0 votes
    3 answers

  25. Ошибка в верстке

    Ребята, подскажите где может быть трабл? Вот ссылка, видите в Центре в комментарии к новости bbcodes не по горизонтали, а по вертикали, как это исправить: http://bezumno.atmosfera.kz/2007/10/06/post1.html Вот css: html, body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; margin: 0px; padding: 0px; background-color: #3e6872; } table { table-layout: fixed; } p, td, div, span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; } form { margin: 0px; padding: 0px; } input { font-size: 11px; } a { text-decoration: none; color: #153d47; } a:hover { text-decoration: un…

    Asked by okunev2,

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