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. Не отображается картинка в шапке в IE, Опере

    Вот как выглядит шапка в firefox А в опере и в IE картинка пропадает. Вот код шапки <table border="0" cellpadding="0" cellspacing="0" width="100%" height="156" style="background:url('http:/site.ru/image/header2.gif');"> <tr> <td height="92" <img src="http://muzname.ucoz.ru/image/header.gif" border="0"></td> // Вот эта картинка не отображается <td width="221" height="92"><img src="http:/site.ru/image/6.gif" border="0"></td> <td width="266" height="92"><img src="http:/site.ru/image/7.gif" border="0"></td> </tr> <tr> <td height="64" style="background:url('http:/site.ru/image/8.gif');padding…

    Asked by Airogen,

    0 votes
    4 answers

  2. Оцените верстку

    Добрый день дорогие форумчане. Оцените мою первую верстку http://phaetonjkeee.narod2.ru/ Макет брал отсюда http://forum.htmlbook.ru/index.php?showtopic=16763 на пример верстки в теме не смотрел, не смог только просмотреть результат в ie7. Архив с файлами html+css

    Asked by phaetonjkeee,

    0 votes
    5 answers

  3. увеличение таблицы вверх, а не вниз

    <div class="id1"> <div class="id2"> <table><tr><td>Растягиваем<br><br><br></td></tr></table> </div> </div> id1 с помощью js меняет свои координаты, а id2 должен от него зависеть.То есть куда id1 туда и id2. В чём проблема: таблица в id2 меняет свой размер постоянно и соответственно растягивается вниз, нужно сделать так что бы её фундамент был внизу и любое изменение размера проявлялось к её вытяжке вверх. В css я не силён, поэтому прошу терминологией не кидаться

    Asked by gradus,

    0 votes
    20 answers

  4. Не работает прозрачность в png на IE7

    Все никак не могу добиться, чтобы в IE7 png с прозрачным фоном нормально отображались - все равно IE прозрачность в упор не видит. При том, в IE8, Firefox, Opera, Chrome и Safari все работает. Я пробовал сохранять png и фотошопом, и корелом, и даже паинтНЕТом - один фиг не работает прозрачность. Пожалуйста, кто сталкивался с этой проблемой, подскажите решение! Заранее спасибо.

    Asked by Maxim1441,

    0 votes
    11 answers

  5. проблемы с видом через мобильный телефон

    во всех браузерах через комп все отлично а когда с мобильного заходишь все выводит в беспорядочном виде http://vos161.narod.ru я загрузил диз чтоб показать проблему поэтому нет там ссылок и вторых страниц. что можете посоветовть ? как можно решить эту проблему ???

    Asked by voskan,

    0 votes
    14 answers

  6. Авто высота ячейки li

    За 2.5 года работы не возникало потребности в этом, а сегодня в очередной работе понадобилось, и не знаю как лучше это реализовать, все объяснено в картинках. Нужно, чтобы ячейки маркированного списка по высоте равнялись на самую высокую ячейку!!! То есть в обычной ситуации будет так: Мне нужно так: Желательно решение, чтобы при это у ячеек оставалось обтекание(float) и не менялось значение display!

    Asked by Spamol,

    0 votes
    9 answers

  7. IE 6 и overflow: hidden для блока с картинкой. Я чего-то не понимаю или информации о баге нет в справочнике?

    Возьму самый простой пример: <!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=utf-8"> <title>1</title> <style type="text/css"> img { width: 500px; height: 500px; } div { overflow: hidden; } </style> <body> <div> <img src="image.jpg" alt="image" title="image"> </div> </body> </html> Во всех браузерах нет горизонтальной прокрутки, если картинка не умещается в экран, а в IE 6 есть. В более сложной структуре документа, чем из примера, …

    Asked by KooL,

    0 votes
    7 answers

  8. HTML 5 и отсутствие DTD

    Здравствуйте. У меня есть классы на PHP, которые генерируют HTML-код форм согласно правилам вот этого документа - xhtml1-transitional_dtd. В классах объявлены массивы описания атрибутов элементов, которые являются отражением вышеупомянутой спецификации: class Html_ElementInput extends Html_Element { public function __construct($type=null) { parent::__construct(); $this->attrs = array ( 'type' => array('text', 'password', 'checkbox', 'radio', 'submit', 'reset', 'file', 'hidden', 'image', 'button'), 'name' => 'CDATA', 'value' => 'CDATA', 'checked' => array('checked'), 'disabled' => array('disabled'), 'readonly' => array('re…

    Asked by phpist,

    0 votes
    0 answers

  9. Помогите, пожалуйста, написать стиль по описанию.

    Здравствуйте. Наткнулся на досадный баг в iBooks 1.1 связанный с тем, что текст, которому указано "left" в text-align, форматируется по ширине. Стал гуглить решение, нашёл, но довольно абстрактно описанное: Помогите, пожалуйста, восстановить стили для класса “center-both” по этому описанию.

    Asked by Ugo,

    0 votes
    4 answers

  10. Выравнивание кнопок по вертикали (chrome/webkit,firefox)

    Требуется сделать две большие кнопки одинакового размера. Оказалось, что при многострочном содержимом плывет выравнивание по высоте. Как выровнять кнопки по одной линии с разным содержимым? Такое поведение наблюдается в firefox, crome и всех браузерах на основе webkit. Смещение по вертикали 21px. Ниже код и скрины с хрома. <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> button { font: 700 60px "arial", "arial narrow"; width: 33%; font-variant:small-caps; height: 125px; overflow: hidden; margin: 5px 10px; } span.cfnDesc{ display:block; fo…

    Asked by cdrom,

    0 votes
    2 answers

  11. Можно ли в теге iframe показывать какую либо конкретную область

    Добрый день! Вопрос собственно так и звучит, можно ли в теге iframe показывать какую либо конкретную область. Т.е. если это веб-страница, то какую либо ее определенную часть? Большое спасибо!

    Asked by Igorpurgen,

    0 votes
    4 answers

  12. Строка поиска скачет

    акая фигня: Вот строка поиска в mozilla firefox: http://saveimg.ru/show-image.php?id=f696c3...9b66d07fe2500b2 А вот в Опере: http://saveimg.ru/show-image.php?id=cc1e89...21394e699cabfa6 Корявит это мой сайт не по детски( А вот строка поиска яндекса: http://saveimg.ru/show-image.php?id=70293e...917883062e7ee5f У них строка эта в картинку замурована поэтому при заходе из разных браузеров не скачет) Можно мою также сделать? Вот код строки поиска: <form action="адрес странице результатов поиска" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-4647668356768393:tgizyufcks8" /> <input type="hidden" name="cof" value="FORID:11" /&…

    Asked by htmlonline,

    0 votes
    9 answers

  13. Корректная разбивка на страницы

    Здравствуйте! Столкнулся с такой проблемой: когда содержимое xhtml-файла разбивается на страницы в произвольном порядке (в частности, ридером книг айпада), встречаются такие ситуации, когда иллюстрация оказывается на одной странице, а подпись к ней - на другой. Естественно, это портит впечатление. Вопрос: есть ли универсальный способ объединить изображение и подпись к нему в один неделимый блок, так чтобы при недостатке места для подписи, изображение немного сжималось? Или, в крайнем случае, переносилось на следующую страницу. Я пробовал задавать свойствах изображений: page-break-after: avoid; - не помогло. Пробовал объединить изображение и подпись в один div, и назначить…

    Asked by Ugo,

    0 votes
    2 answers

  14. Нужен "Наставник" =)

    Здравствуйте! Учусь верстке, сверстал первую верстку и столько негативных отзывов получил. (верстал для себя, просто так) в общем хочу научиться и без наставника мне сложновато... Я был бы очень благодарен вам за помощь! В общем скажу коротко и ясно, но к сожалению не очень любезно sad.gif (по другому будет долго, извините): Я скидываю вам psd, вы оцениваете, потом говорите "да" или "нет". Если да, я начинаю верстать. Если нет, я ищу другой макет до "да". И так по окончаний верстки я кидаю архив с html+css вам и Вы проверяете код и указываете что не так и почему оно не так, и как правильно решить этот "не так".

    Asked by aknur,

    0 votes
    5 answers

  15. outer: высота / ширина - 100%

    Всем здрасте. Такая задача: #outer - на весь экран в независимости от разрешения (фон картинка); #content - оцентровать по середине; содержимое #content - абсолютно споцизионированные блоки; IE7+ Растянуть #outer мне удалось. Нашел в Гагле вот такие инструции: body, html {height: 100%} #outer { width: 100%; min-height: 100%; height: auto !important; height: 100%; } Но немгу понять как растянуть вложеннный в #outer блок (#content) по высоте. height: 100% на него не влияет. Так же его мне необходимо оцентровать. Подскажите плз. Пример можно посмотреть здесь

    Asked by paska,

    0 votes
    4 answers

  16. Кросбраузерность

    Кто можит помоч с крос браузерностью в ie Сайт

    Asked by Fergus,

    0 votes
    7 answers

  17. Не могу убрать отступы

    Здравствуйте код такой <div id="wrap"> </div> в ксс body { background-color:#000000; } #wrap { min-height: 100%; background: transparent url('img/header-bg.jpg') repeat-x -240% 0; } как убрать вот ети отступы сверху,и по бокам, как будто фон сферху....чо то запутался(

    Asked by next,

    0 votes
    7 answers

  18. помогите сверстать таблицу

    Есть таблица вида: <table border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> <td colspan="3">4|5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td colspan="2">5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td colspan="2">5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td colspan="2">4|5</td> <td>6</td> </tr>…

    Asked by vezunchik,

    0 votes
    1 answer

  19. Выравнивание подписи по нижнему краю рисунка

    Здравствуйте. У меня есть широкое изображение, подпись к нему, и неограниченное количество текста сверху и снизу. Как задать ширину изображения в 60% экрана и расположить подпись по нижнему его краю вот таким образом? Исходный код: <div class="img"> <img alt="" src="http://designyoutrust.com/wp-content/uploads/2011/01/eli-neugeboren-fashion-monsters-06-600.jpg" /> </div> <p class="under-picture">Test image sign.</p> <p class="text">Text text text...</p> Демонстрировать можно здесь: http://www.webdevout.net/test?02f Прошу прощения. Вовсе не собирался спамить. Просто кнопка создания темы никак не реагировала на нажатие, вот я и кл…

    Asked by Ugo,

    0 votes
    6 answers

  20. Какснаучиться создавать свои шаблоны.

    Я знаю html, css, actionscript, но вот беда: не умею делать шаблоны. Как они создаются и что мне нуно дополнительно знать для этого?

    Asked by htmlonline,

    0 votes
    9 answers

  21. Если задать doctype, Explorer иначе высчитывает высоту TD

    Нужно сделать таблицу на всю ширину и высоту окна, причем одна из ячеек так же должна иметь высоту 100%. Я написал нижеследующий код. Если НЕ задать doctype, код во всех браузерах работает корректно, если задать - Explorer начинает растягивать таблицу по высоте так, что появляется вертикальная прокрутка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <HEAD> <STYLE> HTML, BODY {height:100%; margin:0px;} </STYLE> </HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width=100% height=100%> <TR><TD>Ячейка 1</TD></TR&gt…

    Asked by Flex25,

    0 votes
    3 answers

  22. Подчёркивание ссылок

    <body> <div id="wrapper" > <div id="header" > <h1><a href="#" class="logotipe">main</a></h1> </div> <ul id="topbar"> <li><a href="#" class="Main" > Main </a> </li> <li><a href ="#" class="Families">Families</a> </li> <li><a href= "#" class="History" >History</a></li> <li><a href= "#" class="Events" >Events</a></li> </ul> </div> Ни как не могу убрать подчёркивание ссылок .. обьясните как это сделать ??

    Asked by Shermaruss,

    0 votes
    9 answers

  23. Помогите с буквицей

    Делаю буквицу. Требуется буквица у h2. Проблема в том что в FF все как надо показывается, а в Crome буква слишком высокая. Не получается сделать одинаково. Пример h2:first-letter { margin:0px 5px 0px 0px; line-height:10px; padding:10px; border:2px solid #825c35; font-size:200%; font-weight:bolder; background:url(climage:GUID=765929ED-87D5-47CF-BF4C-956FEB59F468&scalex=60&back=00000000&mul=A0f5bd4c); float:left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 0px 4px #f5bd4c; }

    Asked by still swamp,

    0 votes
    7 answers

  24. в iе7 главная страница уходит влево

    Я опять беспокою общественность по поводу нашего сайта http://www.hram.vavtovo.ru. Снова проверял во всех браузерах, и заметел, что в ie главная страница уходит влево, а все остальные стоят как положено. css на всех остальных страницах написаны как раз на основе главной (style.css). Все проверил, не могу понять, в чем дело?

    Asked by uncleChalex,

    0 votes
    3 answers

  25. Не работает условный фильтр

    у меня есть такой вопрос и, надеюсь, вы мне поможите. почему не работает условный фильтр для IE 6 в документе (x)HTML 1.0? для IE6 необходимо загрузить другую таблицу стилей. получается следующий код: <?xml...> <!DOCTYPE......> <html xmlns.....> <head> <title>......</title> <!-- [if IE 6] <style type="text/css"> @import("style_IE_6.css"); </style> --> <link rel="stylesheet"..... /> </head> ..... но для упомянутого выше документа почему-то загрузка таблицы style_IE_6.css не происходит. почему?

    Asked by LeD4eG,

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