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. padding таблицы у ie6

    Проблема такова: Есть интернет магазин. в него уже забит контент. В каждом описании товара есть таблица спецификаций. У неё есть класс. Забит в бд, везде одинаковый. Нужно чтоб сверху над таблицей была картинка. Решение для Firefox-a и Opera: table.ndSpecifications { padding-top: 30px; background: url('specifications.png') 0 0 no-repeat; } но вот незадача, ие не понял padding и получилось Заранее благодарен за помощь!!!

    Asked by DMITRIY_S,

    0 votes
    3 answers

  2. DIV в таблице height:100%; overflow:auto;

    Привет, Помогите новичку, как говориться (: Это прототип чата... Страничка ведет себя как надо в IE и Opera, но overflow: auto никак не хочет отрабатывать в FF. Когда окно уменьшается у DIVа (id="chat") должен появиться scroll... Только стал разбираться с html и на тебе, сразу вляпался в каие-то проблемы. Даже обидно. ): <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> Untitled Page </title></head> <body> <table width='80%' border='0' style="height: 100%;"> <tr> <td colspan='2' valign="top" style="height: 100%;"> <div id="…

    Asked by Evclid,

    0 votes
    15 answers

  3. кроссбраузерность

    сверстал тестовую страничку, столкнулся с проблемами: 1)разница в браузерах 2)не отображается рамка в ИЕ 3)высота всего контента 4)выравние внутренних колонок(как расположить по центру?) 5)слово "banner"как разместить по центру? 6)состояние кнопок, при выбранном режиме не поддеживается стиль 7)набирал в дримвивере, каждая строка выравнивается по краю, т.е. не показывает вложенные строки, хотя галка стоит Auto Indent только учусь верстать, поэтому судите не строго. Заметил что при удалении первых двух строчек в коде, в ИЕ отображаются рамка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &lt…

    Asked by termoplus,

    0 votes
    0 answers

  4. Свой курсор

    Можно ли в стилях указать свой курсор, который нарисован в файле формата .cur?

    Asked by Veseloff,

    0 votes
    1 answer

  5. Как сделать Градиент-Фон ?

    Как мне сделать вот такой бекграунд-фон на сайте,но тока чтобы он растягивался при расширении экрана? http://narod.yandex.ru/filemanager/sp.xhtml?f=22222.jpg

    Asked by psywalker,

    0 votes
    16 answers

  6. Проблема: ширина ячеек в таблице

    Прошу прощения за нубский вопрос, но сам не пойму в чем проблема. В таблице один ряд из семи ячеек. Первые и последние три ячейки имеют фиксированную ширину. Центральная ячейка должна занимать всё пространство, не занятое остальными ячейками, но, если устанавить ей ширину 100%, то она начинает занимать всю область таблицы, игнорируя ширину остальных ячеек. <html> <head> </head> <body> <table height="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="10" height="100%" bgcolor="#7CFC00"> </td> <td width="150" height="100%" bgcolor="#8B4513"> </td> <td width="10" height="100%" bg…

    Asked by StrangeRRor,

    0 votes
    7 answers

  7. IE6-неправильно отображает

    Здравствуйте. Нужна помощь. Я, пока что, полный чайник в кодировании . Но есть проблема: везде (IE7, Safari, Opera, Chrome, Mozila) нормально отображается фон анонса новостей, а в IE6 он более высокий/широкий. Можно посмотреть здесь.

    Asked by iAL,

    0 votes
    3 answers

  8. plugins

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

    Asked by Guest Гость,

    0 votes
    21 answers

  9. два блока рядом по середине

    Здравствуйте! Подскажите, пожайлуста, как можно сверстать вот такой расположение блоков на странице: Сайт будет колончатым, прижатым к левому краю, поэтому расстояние от края до блока можно брать только от левого, расстояние от правого будет зависеть от разрешения монитора. Я было почти сверстал вот так: <style> #content{ float: left; width: 275px; } #container{ float: left; margin-right: -90px; padding-left: 40px; } #menu{ margin-right: 200px; border: 1px solid red; text-align: right; } #clearing {height: 0; clear: both; } </style> <div style="margin-left: 400px; padding-top: 65px;"> <div id="container"> <div id="menu"> <a …

    Asked by _axl,

    0 votes
    0 answers

  10. <div>-ы и всё, что м ними связано....

    Вопрос такой: 1) В дивах не работают параметры CSS: - vertical-align: ; - text-align: ; так и должно быть? O_o (просто при табличной вёрстке не могу в диве разместить текст по центру) Может эт от того, что в CSS использую *{margin:0; padding:0; border:0}? 2) Как с помощью дивов верстать такие элементы: С таблицами - всё просто... Таблица - 100%. Три ячейки - левая и правая - фиксированы... Центр - растягивается... А как быть с дивами? (без абсолютного позиционирования?) Или это невозможно? P.S. И ещё тут же - если в такую таблицу всунуть картинку - то при изменении размера экрана (например при уменьшении) - остаётся только центральная картинка, а боковые ячейк…

    Asked by DjTarik,

    0 votes
    7 answers

  11. Боксовая Модель

    итак есть проблема произвести расчет Заданы параметры Ширина 200 Педдинг 10 марджин 20 Бордер 5 Задача: Узнать место отведенное под контент в IE6 и в FF На 100% знаю что педдинг считался бы так (в ИЕ от ширины убирается с двух сторон по 10 пикселей соответственно под контент осталось 180 а в FF наоборот область под контент остается 200 а педингом бы блок увеличился до 220 ) я немного потестил получилось что ИЕ и бордер убирает и под контент остаеться уже 200 - пединг(20) - бордер (10) = 170 Верно ? Обьясните подробно как считать а то верный результат у меня не как не выходит ...

    Asked by mOnYa,

    0 votes
    2 answers

  12. Background changer

    У меня такая проблема. Хочу сделать так, чтобы при переходе по разделам менялся фоновый рисунок, тойсть задать отдельное фоновое изображение для каждого раздела на сайте. Как это реализовать? Зарание благодарен!

    Asked by LANDER.KTV,

    0 votes
    3 answers

  13. Не могу сверстать карусель картинок. Нет идей

    Ребята, помогите. Не могу придумать как сверстать карусель красиво, валидно, и семантично. Картинку приложил

    Asked by PaLyCH,

    0 votes
    14 answers

  14. Прокрутка

    Как изменить отображение стандартной прокрутки на что-нибудь симпатичное? или хотя бы ширину увеличить

    Asked by ivan,

    0 votes
    4 answers

  15. В IE 7 шрифт на половину

    На этой страничке http://vilaris.com/ есть номер телефона а IE7 он наполовину отображается, (сверху есть, а снизу нет) а на половину нет. Подскажите пожалуйста, что делать.

    Asked by Designpix,

    0 votes
    5 answers

  16. подскажите как сделать таблицу с шириной бордюра в 1 пикс, но чтобы верхн и нижн бордюры были по 0 пикс

    подскажите как сделать таблицу с шириной бокового бордюра в 1 пикс, но чтобы верхн и нижн бордюры были по 0 пикс..... то етсь мне нужна рамка по краю сайта, но без верха и низа... заранее признателен

    Asked by vovchikku,

    0 votes
    8 answers

  17. Все "по низу"

    Всем привет! Подскажите - как сделать так, чтобы объект (например, текст) расположенный внутри слоя прижимался к его нижнему краю. зы: Только не паддингом...

    Asked by styleroom,

    0 votes
    2 answers

  18. Судьба доллара и евро

    Хелло всем посетителям forum.htmlbook.ru! Уже каждая собака наверное давно в шоке (а может быть и наоборот, радуется) от поведения доллара! Колбасит его последнее время невероятно. Вопрос же в следующем: насколько вам важен курс доллара, влияет ли он на вашу жизнь и если да, то как? Я лично постоянно мониторю этот сайт: Кросс курс евро доллара Чтобы быть в курсе событий... Он конечно не для широкого круга посетителей, но курс там точный и обновляется каждую секунду насколько я поняла ). Кто нибудь еще следит за курсом постоянно?

    Asked by Chereshnya,

    0 votes
    0 answers

  19. FireFox?

    Вот такой кодег: <table border=0 cellpadding=0 cellspacing=0> <tr><td><img src='lt.png'></td><td style='background-image: url(ht.png);' /></td><td><img src='rt.png'></td></tr> <tr><td style='background-image: url(vl.png);'></td><td><img src='./images/$result[image]' width=200></td><td style='background-image: url(v.png);'> </td></tr> <tr><td><img src='lb.png'></td><td style='background-image: url(h.png);'></td><td><img src='rb.png'></td></tr> </table> В IE отображается четко. FireFox под к…

    Asked by pavelvolya,

    0 votes
    2 answers

  20. стилевое оформление ссылок

    верстаю сайт сейчас. в стилях не всегда ориентируюсь, и заметила такую вещь. Сейчас оптимизирую страницу под FF. Там все нормально. Под ИЕ ссылки в блоке имеют те же цвета что и обычные ссылки, хотя именно для данного блока заданы другие цвета и в FF все отображается как надо. Каким образом надо задавать цвета ссылок в блоке, чтобы именно в этом блоке ссылки имели заданные цвета в ИЕ? Какая тут хитрость? код слишком длинный, но могу выложить, позже выложу код все-таки блок такой <div id="header-region" class="clear-block"><div id="block-nice_menus-1" class="block block-nice_menus"> <div class="content"><ul class="nice-menu nice-menu-down" id="ni…

    Asked by oshaly,

    0 votes
    2 answers

  21. вопрос

    существует ли способ ставить фоновое изображение не только в gif но и в Jpeg формате

    Asked by Игорь Ермаков,

    0 votes
    13 answers

  22. Нужна помощь по вёрстке!

    Госпада добрый день нужна ваша помощь. В общем есть страница 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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>page</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0; border: 0; background: #000000 url(css/bg.jpg) repeat left top; height:100%; } --> </style> </head> <body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-4445535…

    Asked by enf0rce,

    0 votes
    5 answers

  23. Правая колонка (сайдбар) в шаблоне сполз вниз

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

    Asked by malavka,

    0 votes
    2 answers

  24. Картинки в таблице

    Как сделать чтоб в таблице картинки сами подгонялись под размер ячейки а не наоборот

    Asked by AzatSh,

    0 votes
    3 answers

  25. В IE 7 шрифт на половину

    На этой страничке http://vilaris.com/ есть номер телефона а IE7 он наполовину отображается, (сверху есть, а снизу нет) а на половину нет. Подскажите пожалуйста, что делать.

    Asked by Designpix,

    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