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. почему код примера с 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

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

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

    Asked by Allexandr,

    0 votes
    4 answers

  3. Padding-bottom не работает в ИЕ

    вот кусок html: <span class="contacts"> Цена: <span class="cost">150.00</span> </span> Вот css: span.contacts { background: #f2f2f2; padding: 6px 6px 4px 6px; } span.cost { color: #cf0105; font-weight: bold; font-size: 16px; } Нижний паддинг в Файрфоксе работает нормально, а вот и в ИЕ6 и ИЕ7 - его нет При этом могу выставить и левый и правый и верхний паддинг для ИЕ, а вот нижний не могу.. display: block для .contacts нельзя, т.к. он потянет блок на ширину 100%, а мне надо по контенту. Подскажите, в чем ошибка и как можно решить эту задачу? Заранее благодарен.

    Asked by milax,

    0 votes
    6 answers

  4. Блок с фиксированными width, height но не block.

    Собственно нужен елемент, например div, что-бы при указанных width, height, он держал форму но при этом не было display:block; т.е. могло быть несколько в одной строке. PS Положить block-элементы в таблицу не преблагать. PPS Заранее спасибо.

    Asked by Astraller?,

    0 votes
    0 answers

  5. DIV внутри таблицы / не растягивается в Опере

    Всем привет. Проблема в том, что div вложенный в таблицу не хочет растягиваться на 100% по высоте. В IE и FF вс? нормально, а в Опере не хочет. Вот страничка http://xhtml.ucoz.ru/1/ Помогите пожалуйста {... перенесено в Проблемы с версткой lancer}

    Asked by G-Unit,

    0 votes
    3 answers

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

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

    Asked by ArCher,

    0 votes
    6 answers

  7. Проблемы с выравниванием картинки справа вверху в Opera

    Недавно решил сверстать шапку слоями, а не таблицами. В IE и Firefox страница выглядит нормально, а вот в Opera правая картинка залазит влево. Может быть кто-то сталкивался с подобной проблемой и подскажет как правильно сделать, чтобы во всех трех браузерах шапка выглядела одинаково хорошо.

    Asked by podlom,

    0 votes
    8 answers

  8. Вопрос по контекстным или дочерним селекторам

    Скажите, есть ли способ задать стиль родительскому тегу, если внутри него есть заданный тег? Например, определить стиль для td, в случае, если внутри встретится ?

    Asked by Inn,

    0 votes
    7 answers

  9. float lef и float right - проблема с clear в разных браузерах?

    простейший пример я думаю, что никого не удивить тем, что IE и Firefox отоброжают это по-разному. однако логика именно файрфокса мне непонятна. мне лично кажется, что по спецификации IE отображает данных пример корректно. если я не прав - объясните почему. хочется, естественно, сделать так, чтобы в разных браузерах этот пример отображался одинаково (так как в IE). свойствами css это возможно? p.s. при этом нужно чтобы в html части дивы шли именно в этом порядке: 1 l l l ... 2 r r r ...

    Asked by slopen,

    0 votes
    16 answers

  10. Отступ у float-блока в IE

    Есть блок content, растянутый на весь экран с ограничением минимального разрешения: div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; } #content { position: relative; overflow: auto; margin: 0; padding: 0; min-height: 100%; min-width: 925px; max-width: 1400px; } * html #content { height: 100%; overflow: visible; width: expression( ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 925 ) ? '925px' : ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 1400 ) ? '100%' : '1400px' ); } Когда внутри этого блока раз…

    Asked by alexlut,

    0 votes
    7 answers

  11. Не работает white-space: nowrap

    Здравствуйте, помогите пожалуйста. В общем, есть вот такой кусок кода: <table> <tr> <td class="lefter">Теги</td> <td class="sports"> <div class="word"> <div class="floatL"><input type="checkbox" id="chk1" /></div> <div class="floatL"><label for="chk1">Слово тег</label></div> </div> <div class="word"> <div class="floatL"><input type="checkbox" id="chk2" /></div> <div class="floatL"><label for="chk2">Слово тег</label></div> </div> </td> </tr> </table> вот кусок css: ta…

    Asked by milax,

    0 votes
    5 answers

  12. растянуть картинку на кнопке

    народ, помогите пожалуйста. вопрос вот такой: как расятнуть картинку на всю кнопку, чтобы не было места между краями кнопки и краями картинки ... что мне нужно для этого дописать сюда: <form action="test.html" method="post"> <button type="submit" name="b_test" style="border:0;background-color:#cccccd;"><img src="/pictures/d_on_pict.png"></button></form>

    Asked by venomancer,

    0 votes
    8 answers

  13. Как разместить рисунок по центру

    Здравствуйте. Есть рисунок, который нужно разместить по центру окна браузера. От рисунка в право и влево отходят 2 лини на разном уровне, я реализую размножением пиксельного рисунка. Подскажите пожалуйста, возможно ли чтобы рисунок был в центре независимо от разрешения экрана?

    Asked by walter_west,

    0 votes
    8 answers

  14. 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

  15. Классическая проблема с ИЕ 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

  16. Не работает 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

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

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

    Asked by klierik,

    0 votes
    3 answers

  18. Проблема с заменой курсора в Firefox

    Всем привет :-) У меня в стилях прописана смена курсора при наведении: td.submenu { cursor: hand; } И на самой странице: <table> <tr><td height=25> <tr><td class=submenu>submenu1 <tr><td height=25> </table> Проблема состоит в том, что Mozilla Firefox не меняет в этом месте курсор. А мне очень нужно чтоб он сменился (тем более, говорят firefox популярнее стал :/). Есть варианты как поступить?

    Asked by _EAX_,

    0 votes
    10 answers

  19. Прозрачный фон

    Здраствуйте! Моя проблема вот в ч?м: у меня есть общий большой фон и маленький фон уровнем выше, который необходимо сделать прозрачным. Как здесь: http://customize.ru/screens/templates/1003...o_Portfolio.jpg. Прич?м, он(маленький фон) должен просвечивать, независимо от того, какой фон ниже. Т.е. я не могу просто наложить его в Фотошопе вручную и увеличить прозрачность. Общий фон будет указываться пользователем. Это возможно? Спасибо!

    Asked by Отто-Могер,

    0 votes
    18 answers

  20. 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

  21. ПРОБЛЕМА - Разрыв между ячейками таблицы, если в нее вставить катинки

    втсавляю 2 части одной картинки в соседние ячейки таблици, но обе картинки не сливаются в одну, межде ними образуется разрыв вот пример: <tr> <td> <img src="D:likasajtuchebnij2 strnicy2.jpg" width="400px" height="150px" border="0"> </td> <td> <img src="D:likasajtuchebnij2 strnicy5.jpg" width="400px" height="150px" border="0"> </td> </tr> Если ячейки всместо картинок заливаю цветом - разрывы исчезают, если вставляю картинки - разрывы опять появляются. Видимо браузер автоматически добовлят картинкам обтекание( Как сделать так , чтобы разрыв пропал, и обе катринки стали единой?

    Asked by lika,

    0 votes
    7 answers

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

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

    Asked by DelpH,

    0 votes
    9 answers

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

    постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа 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

  24. Проблемы с DOCTYPE Strict

    Я решил использовать директиву типа документа Strict для поддержки блочной модели, однако при написании такого кода, к примеру: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> table {border-collapse:collapse;} td {padding:0;} body {background-color:yellow; padding:0; } </style> </head> <body> <table style="background-color:green; width:100%;"> <tr> <td><img src="soldier.jpg"></td> <td></td> </table> </body> </html> в Опере возникает неприличный отступ под картинкой. Я не могу понять …

    Asked by Postal,

    0 votes
    7 answers

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

    :/ Не могу уменьшить размер картинок с помощью 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

  • Обсуждения

    • 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