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. span в IE7

    Здравствуйте! Возникла проблема с тегом span в IE7: при переносе строки в IE фон отображается только у первой строчки. В Firefox и Opera все нормально. <h1><span class="yel">Распределительные силовые шкафы (пункты) ШР, ШРС (ПР)</span></h1> .yel{ background-image:url(images/title.jpg); background-repeat:repeat-x; padding:3px 15px; line-height: 1.8; } Подскажите, как это поправить?

    Asked by vestera,

    0 votes
    3 answers

  2. Нормализация поведения стареньких Ишачков

    Господа, все нормальные браузеры, включая 8-й ИЕ, считают ширину по умолчанию блока с абсолютным позиционированием == 0; ИЕ 7 и ниже, вытягивают его на 100% в ширину. Есть ли какой-нибудь безболезненный способ нормализовать их поведение? Немного кода: <div style="position:absolute; padding: 20px"><div style="height: 200px; width: 200px;">Здесь контент</div></div>

    Asked by akxxiv,

    0 votes
    3 answers

  3. menu + ie6

    http://smotrusuda.narod.ru/ в ie7 ie8 отображается одинаково, а вот в ie6 меню отображается вертикально, как это исправить? Как мне кажится из-за этого и не центрируется он. если нет то как его тогда центрировать.

    Asked by fastikkk,

    0 votes
    3 answers

  4. круглые углы...

    Всем здрасте. Да, снова круглые углы. Юзал поиск - и не нешел того, что надо. Задача: блок с круглыми углами Требования: блок должен быть масштабируемым; нужна граница к блоку (stroke); углы должны быть прозрачные; нужно обрамление блока (сори за корявый язык, привык к инозёмному языку) - glow; IE 6 поддержка. мое решение (вернее то, что удалось подбрать из разных статей и примеров): масшатабирование достигается по обоим осям, но код при этом нагромождается жутко (пример здесь). отображение в IE 6: для отображения прозрачности в ie_6 я использовал .png, 8 bit. юзал fireWorks cs3. в этой софтине можно выбрать index transparency или alpha transparency. я выбрал a…

    Asked by paska,

    0 votes
    3 answers

  5. блоки в div-е уезжают вниз

    есть вот такой код: <html> <style> div.content { border: 1px solid #000; } div.content a.foto { display: block; float: left; margin-right: 10px; margin-bottom: 10px; width: 295px; height: 110px; border: 1px solid #000; background: #d7e8fc; } div.content a.foto:hover { background: #a0a0a4; } </style> <body> <div class="content"> trololo<br> trololo<br> trololo<br> <a class="foto" href="http://www.google.com.ua/intl/en_com/images/srpr/logo1w.png"><img src="http://www.google.com.ua/intl/en_com/images/srpr/logo1w.png" /></a> <a class="foto" href="http://www.google.com.ua/intl/en_com/imag…

    Asked by stalker_2000,

    0 votes
    3 answers

  6. min-width, ie6 виснит

    когда сжимаю окно, ИЕ6 виснит. это у всех так или у меня эмулятор глючит?

    Asked by Razor,

    0 votes
    3 answers

  7. th не только в верхней строке tr

    Можно ли делать например так: <table> <tr><th></th><th></th></tr> <tr><th></th><th></th></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table> ?

    Asked by warobushek,

    0 votes
    3 answers

  8. Ширина столбца в таблице в Chrome

    Здравствуйте. Столкнулся с такой проблемой. В опере, огнелисе и даже ИЕ все хорошо, а в хроме плохо. Есть таблица: <table cellpadding = "0" cellspacing = "0" id="header_table1" border = "1" align="center"> <tr> <td colspan="6" class="top-column1"></td> </tr> <tr> <td class="left-column1"></td> <td class="logo-column1" colspan="2"></td> <td class="slogan-column1" colspan="2"></td> <td class="right-column1"></td> </tr> <tr> <td class="leftmenu-column1" colspan="2"></td> <td class="menu-column1" colspan="2"> </td> <td c…

    Asked by rubi,

    0 votes
    3 answers

  9. проблема с float в ie6

    В ie6 правый блок (right) съезжает вниз, в остальных смотрелках все нормально отображается. Пожалуйста подскажите. <style type="text/css"> body { background-color: #666666; background-image: url(ventuno.gif); background-repeat: repeat; margin: 0; } .trans { opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter:alpha(opacity=50); -moz-opacity:0.5; background-color:#000000; width:100%; height:100%; position:absolute; margin:-30px; z-index:-1; } .container{ width:800px; margin-left: auto ; margin-right: auto; /*//display: inline;*/ } .shapka { position:relative; color:#FFFFFF; width:790px; height:100px; padding:30px; …

    Asked by alexgeo,

    0 votes
    3 answers

  10. Красная строка в тексте.

    Скажите пожалуйста с помощью какого тега можно начать текст с красной строки? Прошу ногами не пинать.

    Asked by Hitomy,

    0 votes
    3 answers

  11. Мешают пробелы в коде

    Иногда складывается такое положение, что пробелы и переносы находящиеся в хтмл-коде при выводе сбивают вёрстку. Например Выведется два рисунка плотно прилегающие друг к другу Выведется два рисунка с небольшим промежутком между ними. Промежуток возникает из-за того на вывод попадает пробел/перенос, находящийся в коде между тегами <img> Вопрос: можно ли как-то предотвратить вывод пробелов/переносов, не убирая их в коде? Т.е. сделать чтобы теги в коде располагались как во втором примере, а промежутка между рисунками не возникало?

    Asked by Колос,

    0 votes
    3 answers

  12. Параметр min-height vs table

    Доброго времени суток. Подскажите какойто способ как заставить жеватся параметру Min-height из таблицы в FireFox

    Asked by SunChase,

    0 votes
    3 answers

  13. Обратный отсчёт в нумерованном списке

    Появилась идея сделать нумерованный список в обратном порядке. То есть по типу: .....99,98,97,96... Это стилями как-то можно сделать?

    Asked by Belovsan,

    0 votes
    3 answers

  14. наследование прозрачности от родительского блока дочерним

    здравствуйте! есть родительский блок с opacity 0.6, но в нем находится еще блок, который занимает некоторое место от родительского блока и должен иметь opacity 1 у бекграунда, но opacity 0.6 у границы дочернего блока. как такое можно сделать? вот пример этого css (правда уже изрядно измученный): .menu { margin-left: 25%; width: 490px; overflow: hidden; border: 6px solid black; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .options { padding-left: 10%; padding-…

    Asked by helloworld,

    0 votes
    3 answers

  15. проблема с кодировкой

    есть сайт, который отверстали с кодировкой utf-8, нужно изменить на windows-1251, но после изменения кодировки текст превращается в иероглифы. кто знает, как это решить?

    Asked by Angel_33_3,

    0 votes
    3 answers

  16. Ошибка при отображении xml-файла Файерфоксом

    Привет всем. Суть проблемы такова. В спецификации CSS2 приводится пример подключения css-таблиц к xml-файлу. Вот таблицы стилей (скопировано из спецификации): Вот xml-документ (скопировано из спецификации): Результат: IE7 отображает правильно, Firefox намекает на ошибку: Файлы task8.xml и bach.css лежат в одной директории. Кодировка правильная. Кто знает, в чем ошибка? РЕШЕНО

    Asked by Jammy,

    0 votes
    3 answers

  17. embed и DM

    Подскажите пожалуйста почему DM перехватывает mp3 из embed и предлагает скачать, можно ли как исправить? отключить интеграцию в DM не предлагать. <embed src="sounds/message1.mp3" hidden="false" width="0" height="0" autostart="true" loop="0" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> Спасибо. Забыл добавить, в IE все нормально, потому что он запрашивает установку плагина, а Опера и Лис, ни чего не запрашивают, сразу предлагается закачка mp3

    Asked by slavok47,

    0 votes
    3 answers

  18. меняетм шапку

    есть шаблон с шапкой img1 нужно на некоторых страницах img1 заменить на img2, третих на img3 как-то можно поставить типа маркер в статье, чтоб из css брал соответствующих рисунок

    Asked by jurassik,

    0 votes
    3 answers

  19. Родители центруют но он всё равно уходит на лево

    Вот кусочек кода: <div style="width:80%; text-align:center;"> <div style="margin-left: auto; margin-right: auto;"> <div style="width:148px; background:#8111B1;"> <!--<div style="float:left; background:#8F9EB1; color: #8111B1;">--> Это будет самый лучший сайт в мире!!! И этот мир станет лучше!!! <!--</div>--> </div> </div> </div> Почему этот слой уходит налево. Ведь его родители заставляют его встать по центру. Суть всех этих изощирений: разместить по середине сайта некую информацию столбиком, вроде списка только без всяких цыфр и точек.

    Asked by Воитель,

    0 votes
    3 answers

  20. Как правильно прописать "selection" ?

    Решил вот поменять цвет выделения на сайте - добавил в css. файл строку ::selection { background: #1BBADF; color: #FFFFFF; } ::-moz-selection { background: #1BBADF; color: #FFFFFF; } Текст выделяется как положено, но при валидации возникла ошибка Предупреждение: Неизвестный псевдокласс или псевдоэлемент «selection». Правило проигнорировано из-за плохого селектора. Что делаю не так подскажите пожалуйста?

    Asked by Freeman Liberty,

    0 votes
    3 answers

  21. Высота таблички

    Попытался сделать сайт табличками,не получается установить высоту верхней ячейки для логотипа(она получается в одну строчку,а я пытаюсь ей поставить 25% от всей высоты).Кого не затруднит укажите ошибку. Прошу не бить тапочком за оформление поста. Вот хтмл: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <link rel="stylesheet" type="text/css" href="Style.css" /> <HTML> <HEAD> <TITLE>Сайт с помощью таблицы</TITLE> </HEAD> <BODY > <table id="maket" cellspacing="0" ce…

    Asked by overklick,

    0 votes
    3 answers

  22. Таблица в таблице

    Никак не получается сделать одну таблицу внутри другой по следующему принципу. Необходимо чтобы главная таблица состояла из 3 строк, 2 строчки фиксированной величины, третья (центральная) автоматически вычисляется, в этой же строчке необходимо вставить еще одну таблицу состоящую из 2 столбцов один фиксированной величины, второй - авторастягивается на оставшуюся часть срединной ячейки. По ширине все хорошо умещается на всю ячейку а вот по высоте в опере и IE8 не растягивается , подскажите что добавить или исправить? Вот то что я написал: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html…

    Asked by rubius2008,

    0 votes
    3 answers

  23. Как мне растянуть среднюю таблицу?

    Только учусь верстать. Взялся сверстать учебный макет... Помогите правильно растянуть среднюю таблицу...не знаю что делать...она не тянется...все мозги вынес...прописать жестко height по условию задания нельзя...надо, чтобы все эффективно тянулось как в ширину, так и в высоту... Люди добрые, если кому не тяжело...подскажите начинающему... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Премия "Серебряное копытце". Рога и копыта…

    Asked by serking,

    0 votes
    3 answers

  24. Joomla,CSS и Internet Explorer

    Сделал я один сайт,все хорошо,все работает,вот только одна проблема,в IE 7 и выше нужно включать совместимость,иначе не подключается файл CSS. http://aptekahelp.com.ua

    Asked by user,

    0 votes
    3 answers

  25. Выравнивание по центру

    Подскажите как выровнять по центру, совсем запутался... html </head><body> <div class="parent"> <span> <ul> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> </ul> </span> </div> <div class="buttonm"> </div></div> <div id="dhtmlgoodies_slideshow"> <div id="galleryContainer"> <div id="arrow_up"><img src="images/arrow-up.gif"…

    Asked by laik216,

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