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. Вопрос про вложенность

    в css прописано #content td { padding: 10px 20px 10px 10px; } table.table_price tr, td, th { padding: 3px; } В html страницы: <div id="container"> <table class="table_price"> <tbody> <tr> <td> <h2>Текст</h2> </td> </tr> </tbody> </table> </div> При этом на ячейки таблицы устанавливается padding прписанный для идентификатора #content. Почему здесь не работает вложенность? Или работает как то не так как я понимаю. Ведь стиль таблицы должен быть приоритетнее стиля содержащего таблицу блока? Как правильно установить стиль для ячеек таблиц класса "table_…

    Asked by tezin,

    0 votes
    2 answers

  2. Как создать записи на сервере ?

    Объясните, кто знает !!! Создаю сайт на движке вордпресс, все темы разбросал на рубрики, темы, даты. Появились страницы, у которых путь типа http://site.ru/2009/04/07/sample-post/ - открываются, но на сервере нет папки 2009 в которой 04 и тд . А яндекс и гугл не хочет индексировать – хочет чтобы на сервере были папки (что-то типа того). Нужно чтобы все записи находились на сервере в своих папках ??? ( чтобы поисковики идя по пути попадали куда надо или вордпресс должен как-то поисковики поправлять и отправлять на страницу) … что делать?

    Asked by line,

    0 votes
    3 answers

  3. Div внутри таблицы меняет ширину столбца, а не должен...

    Имеется таблица, центральный столбец фиксированный, крайние разъезжаются и делят по 50% оставшейся ширины. Как только добавляю div в крайний столбец - он разъезжается, хотя текст влезает в ту ширину что была, и крайняя колонка становится заметно шире первой, причем, вроде только в Firefox (у меня 3.08). Код: <!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"> <!-- table,td { margin:0px; padding:0px; border-collapse:collapse; border-width…

    Asked by Aurica,

    0 votes
    7 answers

  4. как выровнять элемент по центру страницы

    например как здесь http://www.ya.ru/

    Asked by sc@r@bey,

    0 votes
    7 answers

  5. как правильно?

    <td nowrap> или <td nowrap="nowrap">

    Asked by sc@r@bey,

    0 votes
    2 answers

  6. Как прибить футер?

    Стандартные способы не подходят. Вот такая страника... <div id="container"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> Блоки находятся в контейнере. Если попробовать так: position: absolute; bottom: 0; То футер прижмется. Но возникает другая проблема (с высотой блоков): Хедер наверху, за ним по умолчанию идет блок с контентом, внизу прибит футер (который позиционирован абсолютно - внизу, относительно страницы). Так вот как теперь объяснить блоку content, что нужно растянутся от и до??? Указываю в стилях высоту в 100%, результата нет, реагирует только на px. Может стоит просто по по…

    Asked by Ururu,

    0 votes
    5 answers

  7. ЧаВО

    Отступ у картинки Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Отступ у картинки</title> </head> <body> <div style="background: #ccc"><img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt=""></div> </body> </html> Решения: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Причина: Картинка выравнивается по базовой линии текста. Это "струна", на которую одеваются буквы. Хвостик буквы "р" опущен ниже буквы "о", а картинка равняется наравне с буквами о, и, а, и т.д. Кусочек фона под картинкой - место для б…

    Asked by s0rr0w,

    0 votes
    8 answers

  8. свои атрибуты в html тэгах... ?

    Подскажите, насколько все же плохо или допустимо использовать свои атрибуты в html-тэгах? Драфт HTML5 это допускает, достаточно просто именовать атрибуты с префиксом data- А как в XHTML 4.01? Понимаю что можно запариться с namespace'ами, нарисовать свою dtd-схему и т.д.... но, оно же и так работает во всех браузерах? По идее же, если браузер не знает атрибут - он его пропускает? Пример: <tr data-row-id="345" data-row-state="edit">..... </td> Можно конечно забить, наплодить кучу hidden-полей с данными и т.д. Но блин, уж ОЧЕНЬ удобно работать именно с атрибутами, особенно используя jQuery, или подобные javascript-фреймворки. Так что вопрос: категорически нельзя,…

    Asked by xpg934,

    0 votes
    1 answer

  9. Верска дивами (основа)

    Объясните пожалуйста популярно, как использовать дивы... А именно интересует позиционирование. Тоесть в чем разница вложенности дивов? Вот 2 примера... <div id="1"> <div id="a1"> <div id="a2"> <div id="a3"> </div> </div> </div> </div> <div id="a1">a1</div> <div id="a1">a2</div> <div id="a1">a3</div> Какая между примерами разница? Как правильно и для чего? И главное относительно чего позиционируются дивы? (относительно окна браузера, несмотря на уровни вложенности или относительно родительского окна, тоесть div относительно другого div-а в которое вложен?) И может есть у кого…

    Asked by Ururu,

    0 votes
    8 answers

  10. Растянуть ячейку с контентом, не трогая соседние.

    чОрт, ошибся разделом, перенесите в HTML. Хотя здесь и по CSS вопрос, так что я не знаю даже.) Нужно сделать так, чтобы основная ячейка с контентом растягивалась по вертикали, при этом не смещая/дублируя ячейки соседней строки. И чтобы в Опере воспринималось расстояние между элементами меню. Макет: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title><?php $kernel->show_title()?></title> <meta name="description" content="<?php $kernel->show_description()?>"> <meta name="keywords" content="<?php $kernel->show_keywords()?>"> <meta http-equiv="…

    Asked by Aspart,

    0 votes
    1 answer

  11. как правильно подобрать доктайп

    Прогнал через валидатор на w3.org выдал одно предупреждение: Notes and Potential Issues The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation. If the guess or fallback is incorrect, it could make validation results entirely incoherent. It is highly recommended to check these potential issues, and, if necessary, fix them and re-validate the document. 1. Warning Mismatch between Public and System identifiers in the DOCTYPE declaration This document uses an inconsistent DOCTYPE declaration. The Public Identifier -//W3C//DTD XHTML 1.0 Transitional//EN declares the X…

    Asked by sc@r@bey,

    0 votes
    5 answers

  12. в файрфоксе все отлично, а в ИЕ - все разламывается

    такая проблема - сверстал страничку таблицами в хтмл, ну немного цсс еще в голове добавил. в файрфоксе все смотрится отлично - однако, при открытии в ИЕ этот сраный браузер зачем все нахрен наперекосяк сдвигает - логотип разламывается, вырание по центру сбивается, половина текста куда-то пропадет.. подскажите, пожалуйста, если кто знает, из-за чего это может быть.. вот код страницы: <html> <head> <title>Наружная реклама с расчетами по бартеру</title> <style type="text/css"> body { background: #ffffff; margin: 0; padding: 0; spacing: 0; } a { text-decoration: underline; font-family: Verdana, Tahoma, Arial, sans-serif; } a:hover …

    Asked by dangler,

    0 votes
    9 answers

  13. не работает page-break-before

    в FF и Safari создал класс .p { page-break-before: always; } соттветственно прописал его на страницах, где надо разбивать страницы, почему так?

    Asked by sc@r@bey,

    0 votes
    11 answers

  14. Навигация по сайту

    Вот условный макет сайта Как можно добиться того, чтобы шапка с подвалом оставалась неизменной, а в рабочей области содержание изменялась в зависимости от выбранной ссылки и эта область изменялась по высоте? Я знаю только с помощью фреймов. Ну и include("./footer.inc.php3");. А какие есть еще варианты? Спасибо!

    Asked by Ромашка13,

    0 votes
    3 answers

  15. Отступы и паддинги в <a href>

    Народ всем привет , столкнулся при очередной верстке сайта вот с такой проблемой, представляю вашему внимаю 2 скрина Проблема возникает в ИЕ, а именно взгляните на синюю выделенную область (такое впечатление что у ссылок стоит какой то margin-top: ...px), вобчем по идее ее быть не должно, так у ссылок отсутствуют отступы по умолчанию, тем боле что у меня в css * {margin: 0px; padding: 0px;} в лисе и в опере такой проблемы нет, есть у кого нить идеи??? CSS: * {margin: 0px; padding: 0px;} html, body { height: 100%; } body {background: #ffffff;} a {border: 1px solid green;} a:link {color: #b4002d; font: 12px arial;} a:visited {color: #b4002d; font: 12px arial;…

    Asked by TonKhaO,

    0 votes
    12 answers

  16. Вопрос по area

    Сколько точек можно задавать в <area shape="poly" .... ? Задал 20 точек. В Файрфокс и Опере всё в поряке, ИЕ7 не видит области, в ИЕ6 посреди области какие-то промежутки. Сократил количество точек до 4, стало хорошо везде.

    Asked by Колос,

    0 votes
    2 answers

  17. Как выровнить текст по вертикали

    Нужно выровнить текст по вертикали в кнопке. Простыми словами дело обстоит так, блок кнопки например 50х200px, в левой части иконка, после заголовок. текст выравнивается по верхнему краю. Прописываю vertical-align:bottom для кнопки, но не действует. Можно использовать padding,но мне нужно при уменьшении разрешения монитора второе слова заголовка(кнопка) переходит на новую строчку и padding вот здесь все испортит. <ul> <li><a href="#" class="mNav01">Системы безопастности</a></li> <li><a href="#" class="mNav02">Контроль доступа</a></li> <li><a href="#" class="mNav03">Системы вид…

    Asked by termoplus,

    0 votes
    10 answers

  18. Платежные системы на сайте, кто что подключал?

    Господа программеры! Поделитесь опытом кто какие платежные системы прикручивал к сайтам. WebMoney, Z-Payment, Interkassa, RoboKassa, RBKMoney, SMSCoin - не в чсет. Тут все ясно и есть готовые решения. Ставил - работает. Интересуют западные мерчанты типа 2checkout.com, moneybookers.com, authorize.net - их кто-нибудь настраивал? Сейчас тестирую 2checkout.com и moneybookers.com moneybookers.com - не пойму как обратные ссылки с нужным результатом вернуть на сайт, чтобы внести именени в биллинг. Возвращает при выписке счета и при оплате положительный результат и отдает тут же товар..... а когда счет тлько выписан (через банк,например) - нужно просто об этом сообщить... Гугл …

    Asked by banyman,

    0 votes
    2 answers

  19. opera tbody bgcolor

    Подждскажите пожалуйста, я делаю что то не так или Opera не поддерживает отрисовку фона для TBODY? <table cellpadding=1 cellspacing=1 border=1 bgcolor='red'> <tbody bgcolor='green'> <tr><td>1.1 <td>1.2 <tr><td>2.1 <td>2.2 </tbody> </table> IE, Firefox - фон ячеек зеленый, граница - красный Opera - фон ячеек красный, граница - красный ?

    Asked by ak1001,

    0 votes
    2 answers

  20. Подчиненный список

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

    Asked by k0mar1k,

    0 votes
    4 answers

  21. textarea

    Здравствуйте, подскажите пожалуста, как сделать так что бы при подводе к полю textarea исчезали буквы которые до етого там есть ? <textarea name='tb2c' cols='20' rows='1'>Имя</textarea> Что бы при подводе к етому полю мышкой или другим способом буквы исчезли

    Asked by lykich,

    0 votes
    6 answers

  22. <a> вынести BG-картинку за пределы элемента

    Привет всем. Имею UL лист со ссылками такого вида: ul.mm, ul.mm li { list-style:none; } ul.mm a { display:block; background:#4dc4ed url(/images/bg_mm.gif) right top no-repeat; height:25px; color:#FFF; margin-bottom:2px; width:200px; font-size:0.8em; text-decoration:none; line-height:25px; padding-left:1.5em; } ul.mm a:hover { background:#ec584c right bottom url(/images/bg_mm.gif) no-repeat; } Посмотреть можно тут: http://www.zebra-tara.ru (там пустая страница, только лист со ссылками) Что я хочу: чтобы фоновая заливка цветом у ссылки заканчивалась до background-изображения. Либо, как-то вынести изображение правее элемента, но чтобы они составляли единое целое…

    Asked by d0ublezer0,

    0 votes
    9 answers

  23. background для тега tr

    Здравствуйте. Вот сообественно как то так. Искал в нете, посервфил по форумам не чего не нашел. Думаю тут как всегда найти ответа <table cellspacing="0" id="main"> <tr id="top-bg"> <td id="top"> top </td> </tr> <tr id="footer-bg"> <td id="footer"> footer </td> </tr> </table> td#top { background:url(img/top.jpg) repeat-y left; border-bottom:1px solid #ffdead; vertical-align:top; } tr#top-bg { background:url(img/center.jpg) repeat-x bottom; } td#footer { height:106px; padding:0 0 35px 0; background:url(img/footer.jpg) repeat-x bottom; border-top:1px solid #5a4229; } tr#footer-bg { height:106px; back…

    Asked by musulman,

    0 votes
    6 answers

  24. Условные комментарии в IE

    Не получается добавить для IE отдельный стиль, делаю примерно так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie.css" /> <![endif]--> </head> IE на него просто не реагирует... Где ошибся?)) Кстати вот так работает: *+html #subtop{ /* 7-й IE */ padding-top:5px; } * html #subtop{ /* 6-й IE */ padding-top:5px; } Однако хотелось просто одно общее свойство для всех IE создать...

    Asked by Clayton,

    0 votes
    15 answers

  25. Рамка для картинки

    Здравствуйте! Я имею красивую рамку, нарисованную в одном из графических редакторов. Подскажите, пожалуйста, как мне теперь эту рамку наложить на картинку в своём сайте?

    Asked by Рося,

    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