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

    Добрый день! Возникла следующая проблема. Есть полупрозрачный фон, который делается размножением однопиксельной png картинки. При выполнении скрипта на странице, фон почему-то искажается. Искажение происходит только в ИЕ(протестил в 7 и 8 версиях, на 2х разных компах). В моём случае скрипты это, например, открытие картинки с помощью lightbox и вызов FCKeditor. Фон возвращается к нормальному виду только есть обновить страницу. Вот так должен выглядеть фон в нормально состоянии: а вот таким он становится если я, например, открываю картинку на сайте с помощью лайтбокса или вызываю FCKeditor(т.е. вызываю выполнение какого-нибудь скрипта), начинается како-ето "осветление" с в…

    Asked by LiveFree,

    0 votes
    4 answers

  2. Проблема с понимание работы margin

    Здравствуйте.Не могу понять поведения боксовой модели.Ниже код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <style type="text/css"> #box1 { margin:0 auto; width:800px; height:100px; background-color:#F00; } #box2 { margin-top:10px; width:100px; background-color:#0F0; height:100px; } </style> </head> <body> <div id="box1"> <div id="box2"> </div> </div> </body> </html> Т.е. у меня есть родительский див с фиксировано высотой и шириной и дочерний.Не понимаю - почему при объявлении свойства m…

    Asked by LanCasterUser,

    0 votes
    6 answers

  3. Проблема с порядком элементов при вырезании группы слайсов

    Кто-нибудь справился с такой проблемой? Например, если куча марок, с которыми работает клиент - штук 30. В фотошопе они идут один за другим на картинке - слева направо в несколько рядов. Все это дело удобно сохранять выделив всю группу слоев и создав на основе них слайсы. Но... нумерация данных слайсов идет совершенно не по порядку, а каким-то особым образом... То есть если мы все это дело сохраним - номера картинок будут не соотвествовать последовательности в макете. Переименовывая каждый слайс вручную - мы практически полностью лишаемся бонуса в скорости работы через слайсы, а не через сохранение каждого слоя отдельно. Кто-нибудь решил эту проблему? Может можно задать п…

    Asked by Zverushka,

    0 votes
    4 answers

  4. Проблема с построением фона

    Всем привет! Делаю вид новостей, столкнулся с проблемой..... такая структурка: <div style="margin-bottom:10px;"> <div style="width: 705px;height: 30px;background-image: url(http://s017.radikal.ru/i441/1301/fd/e6675f8585aa.png);background-repeat: no-repeat;"></div> <div style="width: 675px;background-image: url(http://s018.radikal.ru/i510/1301/c5/306147fcb3b6.png);background-repeat: repeat-y;padding:0px 15px 0px 15px;color:#383838;"> Название новости<br> <img src="#" width="200px" height="124" align="left" /> <div style=" float: left; width:460px; padding-left:5px;">Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пы…

    Asked by Seganda,

    0 votes
    2 answers

  5. проблема с потоковым выводом блоков

    Добрый день. Возникла проблема при выводе разных по высоте блоков в одном потоке. Блоки выводятся в строчку по три штуки. Ширина блоков задается в процентах. Некоторые блоки имеют большую высоту, чем другие из-за длинной подписи под изображением. Проблема возникает при выводе следующей строчки блоков - блоки почему-то смещаются на один вправо, именно там, где верхний блок имел большую высоту. Лучше посмотреть тут собственными глазами: http://www.genstroyspb.ru/projects/test.php Стиль блоков: .tarasov-gallery { position: relative; background:#ccc; display: inline; float: left; margin: 0 1% 30px; text-align: center; width: 31%; } Самое любопытное, что на другом сайте, отк…

    Asked by oneiro,

    0 votes
    4 answers

  6. Проблема с потоком в блоках.

    Проблема с потоком в блоках или как сделать так чтобы из div не вылезали элементы которые внутри блока. Как усвоить блин это правило если оно вообще есть или как этому научится чтобы то что в блоках не выходило за рамки блока div?! Это нужно для внутрених элементов обозвать их display block или не так? Если например внутри плавающие блоки то как сделать чтобы они не выходили за рамки блока?

    Asked by daggi,

    0 votes
    4 answers

  7. Проблема с правым блоком

    Здравствуйте, не могу понять в чем дело, при width=100% div с id="container" выходит за рамки поля, и появляется горизонтальная полоса прокрутки, а мне нужно чтобы не выходил за пределы браузера.. <div id="wrapper"> <div id="left"> gggg </div> <div id="container" > <div id="content"> <br> тексттексттексттексттексттексттексттексттексттексттексттекст </div> </div> </div> #wrapper { width: 100%; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; display:table;} #container { float: left; border:1px solid black; width:100%; padding-left:210px; overflow: hidden; position:…

    Asked by Bingo,

    0 votes
    4 answers

  8. Проблема с предзагрузкой изображений

    Добрый день. На сайте есть картинки при наведении на которые картинка меняется на другую. Код вот такой: <a href="index.htm"><img src="img/img.gif" alt="Image" onmouseover="this.src='img/img2.gif'" onmouseout="this.src='img/img.gif'"></a> Нужно чтобы при наведении на картинку она сразу заменялась другой, а не загружалась. Перепробовал разные способы предзагрузки, ни один не работает. Подскажите как правильно сделать.

    Asked by c0d3r,

    0 votes
    1 answer

  9. проблема с представлением странице в IE6

    Добрый день . Сталкнулся с проблемой браузеров . Во всех(FireFox,Opera,IE7) страница отображается так как задумывалась а вот в IE6 блоки заключенные в дивы расположены совсем не так . вот ссылка на сайт . www.bgraf.biz/main.html

    Asked by bgraf,

    0 votes
    4 answers

  10. проблема с представлением страницы в firefox

    Добрый день всем ! Сломал голову . Ниже я приведу свой код IE все как надо а в FireFox все ломается . Будте так добрв помогите . Здесь ссылка на сайт http://www.bgraf.biz/php_doc/test.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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <style type="text/css"> .color_block { border: 1px #111B64 solid; background: #FFFFFF; width: 296px; } em.bt, em.bb { display: block; height: 4px; font…

    Asked by bgraf,

    0 votes
    4 answers

  11. проблема с привязкой блока к низу страницы

    вот часть кода CSS: @charset "utf-8"; html{background-color:#fff; color:#000; margin:0; padding:0;} body{margin:0 auto; padding:0; width:900px; height:100%;} #header{width:900px; height:123px; background:url(diz/head.png) no-repeat center; margin:5px 0 20px 0;} #content{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666666; padding-bottom:50px;} #footer{text-align:center; background-color:#0099FF; width:900px; height: 50px; position: absolute; bottom:0; margin:0;} вроде зазора снизу ну никак быть не должно. а он есть, и полоса прокрутки появляется. подскажите где не так?? вот сайт http://help-team.com.ua/klientu.html

    Asked by Kos87,

    0 votes
    10 answers

  12. Проблема с прозрачностью .png IE6

    Читала темы, разные методы, но ни один не помог( Что можно сделать чтобы png был прозрачным и тянулся в IE6, html <div id="order_selection"> </div> css #order_selection { background: url(../i/line_order.png) repeat-x left bottom; height: 235px; width: 60%; margin: 0 0 0 0; float: left; } *html #order_selection { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/line_order.png', sizingMethod='scale'); }

    Asked by Mary_RND,

    0 votes
    8 answers

  13. Проблема с прозрачностью (opacity)

    День добрый! У меня есть такой код <div style="background: green; padding: 10px; opacity: 0.4; position: absolute;"> <div style="width: 300px; height: 200px; background: #000; color: #fff; opacity: 1.0;"> TEST </div> </div> Я хочу сделать первый div полупрозрачным, а следующим за ним не прозрачным. Ну вот хоть я и задал для него opacity: 1.0, он всеравно остается прозрачным. Как мне сделать чтобы второй div не был прозрачным? Спасибо

    Asked by sergiyko,

    0 votes
    2 answers

  14. Проблема с прозрачностью фона

    Такая вот беда. В общем для фона установил прозрачность, но при этом сам текст на этом фоне тоже приобритает прозрачность. А мне надо что бы только фон был прозрачен а сам текст нет в этом же DIV блоке. Вот кусок где надо подправить: .nav-blockContent {height:30px;padding:0 10px;overflow:hidden;background:#ffffff; opacity: 0.3; color:#ffffff;}

    Asked by Scorpio2011,

    0 votes
    3 answers

  15. Проблема с прозрачными картинками

    http://clan-amp.ru/site/content/index.html .contenttelo{ position: relative; width: 820px; } .contenttop{ width: 820px; height: 213px; background: url('../images/contenttop.png'); } .contentbody{ width: 820px; min-height: 259px; background: url('../images/contentbg.png') 0 200px repeat-y; } .contentbody div{ padding: 0 120px; background: url('../images/contentbody.png') no-repeat; } .contentbottom{ width: 820px; height: 399px; background: url('../images/contentbottom.png'); } .contenttext{ margin-top: 0px; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link re…

    Asked by Wahlberg,

    0 votes
    2 answers

  16. Проблема с прозрачными ячейками

    Имеется 2 ячейки в таблице, которые сделал полупрозрачными через css. Но получилось так, что полупрозрачными стали не только ячейки, но и текст в них. Как сделать, чтобы текст не прозрачный был? И ещё вопрос: как сделать, чтобы border между ячейками был полностью прозрачный? Вот код таблицы и css на всякий: <table border="1"> <tr> <td class="opacitytd1" align="center"><b style="color:#000000">Наименование</b></td> <td class="opacitytd2" align="center"><b style="color:#000000">Стоимость</b></td> </tr> </table> .opacitytd1 { width: 100%; height: 35px; background: #dc4998; border:inherit 1px #000000; …

    Asked by Pasha,

    0 votes
    0 answers

  17. Проблема с прокруткой overflow

    Подскажите пожалуйста: Сверстал дизайн, поставил окно с прокруткой (выводит статьи) Но вот проблема- все элементы дизайна ниже этого окна просто пропадают и не отображаются. Как выйти из этой ситуации?

    Asked by Grizli,

    0 votes
    5 answers

  18. Проблема с простой формой

    http://forum.htmlbook.ru/index.php?showtopic=14379 Взял макет из этой темы... не могу "прикрутить" сбоку лупу http://albert-verstka.narod.ru/Froma-2/Tabl.html

    Asked by альберt,

    0 votes
    1 answer

  19. Проблема с псевдокласами

    Добрый день. Возникла проблема следующего рода. При верстке все псевдоклассы работают не корректно. Например задаю всем элементам margin-bottom:30px, соответственно у последнего я его пытаюсь почистить ипользуя last-child и задавая margin-bottom: 0. Но проблема в том что после этого все остальные элементы которым обьявил нижний отступ тоже обнуляются. С first-child та же самая проблема. В чем может быть проблема? Первый раз работаю с bootstrap может ли он повлиять на работу псевдоклассов?

    Asked by Romario1985,

    0 votes
    4 answers

  20. Проблема с псевдоклассами CSS

    Добрый день! Есть следующий код: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Псевдоклассы</title> <style> a:link { color: #0f0; } a:visited { background: #f00; } </style> </head> <body> <p> <a href="1.html">Первая ссылка</a><br/> <a href="2.html">Вторая ссылка</a><br/> <a href="3.html">Третья ссылка</a><br/> <a href="4.html">Четвертая ссылка</a><br/> <a href="5.html">Пятая ссылка</a> </p> </body> </html> Открываю страницу в Chrome, перехожу по первым …

    Asked by zodcyi,

    0 votes
    3 answers

  21. Проблема с путем к файлу

    Добрый день! Всех с наступившим Новым годом! И вот в новом году столкнулся с такой проблемкой: <!--[if IE 6]> <style> body {behavior: url("http://www.allday.kz/csshover3.htc");} .menu li .drop {background:url(http://www.allday.kz/img/menu/drop.gif) no-repeat right 8px; </style> <![endif]--> Проблема в следующем, на сайте использую некоторое кол-во поддоменов и мне нужен один шаблон для всех поддоменов. Не хотелось бы чтобы пользователь загружал этот файи постоянно при переходе из одного домена на другой. А проблема то заключается только с IE6. Если прописываю с www, а захожу без www то пишет что нет доступа к файлу ... А если и прописано с …

    Asked by igrix,

    0 votes
    4 answers

  22. Проблема с работой "открывающегося" меню

    Меню <ul id="menu"> <li> <p align="center"> <a class="ssilka" style="margin-left:-40px;" href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/">Модули<br /> Воздухоподготовки</a></p> <ul style="margin-left:-40px;"> <p style="font-size:12px; color:#fff; margin-left:10px;"> - Охлаждение газов<br /> - Нагрев воздуха<br /> - Осушение воздуха<br /> - Смешение потоков </p> <li> <a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mob.html"><strong>МОВ</strong> – воздушный охладитель</a></li> <li> <…

    Asked by dtagan,

    0 votes
    3 answers

  23. Проблема с разделителями в горизонтальном меню.

    Почему у меня разделители разного цвета? http://jsfiddle.net/vf94k/4/ Как сделать, что бы они были все одинаковые, как 2 по середине?

    Asked by DivMan,

    0 votes
    2 answers

  24. Проблема с раздельными фонами для пункта меню и выпадающего списка

    Есть пункт меню. При наведении на которого, выпадающая меню должно располагаться над пунктом меню. При этом она должен остаться видимым. Сперва делал фон для выпадающая меню градиентом где определенная верхняя часть прозрачная. Но при этом border без фона прикрывает корзинку и выглядел некрасиво. По совету тов.psywalker делал как он сказал. Но фон и border пункт меню только вокруг текста. То есть нет требуемого ширины. С паддингами поигрался. К сожалению, не сработал. Как можно решить данную задачу. Вот сайт. Пункт "Мой аккаунт" наверху. Всем спасибо.

    Asked by parnas,

    0 votes
    13 answers

  25. Проблема с размерами body{}

    Не получается задать размеры, хочу, чтобы страница занимала 100% размера окна. <!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" dir="ltr"> <head> <title>Страница не найдена</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { border: 1px solid red; height: 100%; } table.t1{ height: 100%; width: 100%; } </style> </head> <body> <table class="t1" cellspacing="0" cellpadding="0" border="1"> <tr> <td>123<…

    Asked by Kenshi45,

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