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. Вопрос по ссылке-закладке

    Вот скрин моего меню. Обычное положение и при действии :hover. Меню работает с javascript-ом, при нажатия на вкладку в низу меняется контент без перехода на другую страницу. Я хочу что бы при переходе на другую вкладку картинка которая появляется при действии :hover не исчезала. Подскажите, как это можно сделать?

    Asked by sh1va,

    0 votes
    2 answers

  2. высота <iframe> 100% не работает в mozilla

    Использую Wordpress и в режиме html вставляю яндекс карту через iframe ,в хроме карта растягивается как надо а в мозиле карта не растягивается и в самом начале отображается п»ї что это за не понятные символы и не понял в коде их точно нет! как сделать чтобы iframe нормально работал и в мозиле использую это на сайте http://adrenalinemap.com/ <iframe src="http://adrenalinemap.com/wp-content/vivodpoints.html" width="100%" height="60%" scrolling="no"></iframe> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 100%; background: #81b76d; backg…

    Asked by mkone112,

    0 votes
    0 answers

  3. Растягивающийся фрейм

    Подскажите возможен ли растягивающийся фрейм? Проблема вот в чём: Есть гостевая книга,есть сайт вставляю гостевую книгу средствами iframe, по ширине все устраивает но по высоте есть нюанс по мере заполнения книги появляется прокрутка этого фрейма. Как это дело устранить и возможно ли это!! Вставляю фрейм следующим образом <iframe src="guestbook/index.php" width="765px" height="" frameborder="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe>

    Asked by wortex,

    0 votes
    4 answers

  4. Возникла проблема при вёрстке

    Здравствуйте, вот код: #everything { width:1000px; margin:0 auto; background:url(../images/background_2.jpg); 50% 0 repeat-y black; border:1px solid black; border-width:0px 1px; } нужно чтобы изображение размножалось в низ, вроде всё так сделал, но оно не хочет.

    Asked by b1ohazard,

    0 votes
    2 answers

  5. Странный фон колонки таблицы в IE

    Добрый день! Вот тут: http://www.kafe-na-dinamo.ru/ в IE (и только в нем) правый бордюрчик подложки для текста (бежеватой) отображается некорректно... Это колонка с фоном. Как быть и почему это?

    Asked by kuraga,

    0 votes
    2 answers

  6. несколько input с текстом

    Есть 3 input box'a: <input type="text" name="fields_filter[brend]" value="Производитель" onfocus="this.value=(this.value=='Производитель') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Производитель' : this.value;" /> <input type="text" name="fields_filter[naimenovanie]" value="Наименование" onfocus="this.value=(this.value=='Наименование') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Наименование' : this.value;" /> <input type="text" name="fields_filter[nomer_po_katalogu]" value="Номер по каталогу" onfocus="this.value=(this.value=='Номер по каталогу') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Номер по каталогу' :…

    Asked by misterX,

    0 votes
    0 answers

  7. Проблема верстки меню.

    Добрый день, коллеги! Прошу помощи в решении проблемы с версткой меню. В представленном архиве можно посмотреть суть проблемы (там исходники страницы с изображениями). Есть 2 элемента: двухуровневое меню и "карусель" изображений. Почему-то "карусель" находится всегда выше всплывающего пункта меню второго уровня. Уже долго бьюсь. Все перепробовал. И position менять и z-index и тд. Ничего не помогает. Проблему локализовал: у стиля .main-hot свойство position:relative; всё портит. Как мне модифицировать код, чтобы все заработало? Желательно, чтобы была кроссбраузерность. Спасибо за помощь.

    Asked by ShurikEv,

    0 votes
    8 answers

  8. кроссбраузерность методы и решения

    Доброго времени суток? Столкнулся с такой проблемкой, не могу определить хак, в FF все выглядит нормально, в принципе под него изначально писал. а вот в IE, O, и в гугловском Хроме ползет... вопрос с меню в картинках код следующий: <table cellpadding="0" cellspacing="0" border="0" class="ab"> <tr> <td><img src="../images/uslugi.png" width="251" height="131" class="menu_img" tab=1 /> <div class="links" style="position: absolute;display: none;" id=menu1> <?php $sql->query("select id, name FROM page WHERE img3=1"); while(list($id,$name)=$sql->fetch_row()) echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></d…

    Asked by gammi2,

    0 votes
    6 answers

  9. Меню на списках не проходит валидацию

    всем доброго времени суток. сделал меню на списках, все получилось, выглядит отлично, но валидатор ругается на вложенность тегов <ul>, подскажите в чем проблема? вот такой код у меня <div id="leftMenu"> <ul class="folder"> <li><a href="/gallery/painting">Живопись</a><span class="arrowmenu"></span></li> <ul class="subfolder"> <li><a href="/gallery/painting/1976-1985">1976 - 1985</a><span class="arrowmenu"></span></li> <li><a href="/gallery/painting/1986-1994">1986 - 1994</a><span class="arrowmenu">…

    Asked by D1mK4,

    0 votes
    10 answers

  10. Растягивающие кнопки в меню.

    Как правильно сделать такую менюшку? Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся. <ul type="none" style="margin-top: -5px;" dir="rtl"> <li> <div style="width: 146px;" class="button_active"> <div id="content" > HOMEPAGE </div> </div> </li> <li> <div style="width: 114px;" class="button_in_active"> <div id="content" > LINE-UPP </div> </div> </li> </ul>

    Asked by optimist32,

    0 votes
    60 answers

  11. Горизонтальное меню на ul li в IE при залитии на сайт становится вертикальным

    Всем привет! Собсна, собрал меню 2 уровневое. На компе из файла хтмл запускаю - в ИЕ все как надо. При установке на сайт - добавляются переносы строк после каждого пункта, фактически, меню становится вертикальным. при этом вложенные пункты меню отображаются как надо (без переносов). div#menu img { width:48px; padding:10px 16px; border:0px; display:block; } div#menu { font-size:8pt; margin:0px;padding:0 0 5px 0; border:0; background:none; float:left; z-index:100; } div#menu ul { margin: 0px; padding: 0px; background-color:#ffffff; } div#menu li { float:left; width:100px; height:14px; text-align:center; margin: 5px 0; position: relative; list-style-type: none; backgro…

    Asked by HeTpe3B,

    0 votes
    3 answers

  12. Верстка двух фонов, не выходит

    Добрый день! У меня на blogger есть блог, куда я загрузил сторонний шаблон. Фон(background) в нем уже загружен - это шапка блога body { background: #ffffff url(http://1.bp.blogspot.com...D8/s1600/bg.jpg) top left repeat-x; margin: 0; padding: 0; font: 10pt verdana, arial, helvetica, sans-serif;} Хочется добавить второй фон, на всю страницу браузера, под вышеуказанную шапку, с тегом fixed. Сначала тупо пробовал ниже добавить url второго фона, он соответственно перекрывал первый. Почитав еще htmlbook, нашел z-index, но как ни варьировал с ним ничего не выходит, он только для блоков в шаблоне или подходит и для background? Может кто наставит на путь истинный, я так понимаю …

    Asked by sv9t,

    0 votes
    10 answers

  13. Отступ у дива в таблице

    Что-то я туплю на ночь глядя. Детская ситуация, но я скоро начну входить в транс Есть таблица, в ней есть див, в диве простейшее горизонтальное меню. Появился отступ слева, меню съезжает на следующую строчку, не могу избавиться. <table cellspacing="2" cellpadding="2" class="menu" > <tr> <td width="307"> <div class="top_head"> <ul class="top_head_menu"> <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> …

    Asked by buddah,

    0 votes
    2 answers

  14. Лишнии отступы а списке li убрать

    Вот такая вот проблема, не знаю как избавится от кривоты в IE и Мозиле, сделать как в Опере ровно: /* Treeview */ #ex2 {margin: 0 12px 26px 30px;} #ex2 ul li a.first {font: bold 12px Tahoma; color: #000000;} .treeview, .treeview ul {padding: 0; margin: 0; list-style: none;} .treeview ul {background-color: none; margin-top: 4px;} .treeview .hitarea {background: url('./images/treeview-default.gif') -64px -25px no-repeat; width: 16px; height: 16px; margin: 1px 0 0 -16px; float: left; cursor: pointer;} /* fix for IE6 */ * html .hitarea {display: inline; float: none;} .treeview li {margin: 0; padding: 5px 0 5px 14px; display: block; } .treeview a {margin-left: 2px; font: no…

    Asked by okunev2,

    0 votes
    10 answers

  15. Замена кода в нескольких файлах

    Как изменить html код сразу на нескольких страницах в папке и подпапках? Notepad++ делает это, но он может заменить только то, что было в одну строку, типа <tr><td></td></tr> а мне надо заменить кусок кода формата <tr> <td> </td> </tr> Как это сделать? з.ы. посоветовали прогу Replace Text, но я не понимаю, как с ней работать. Если кто знает, объясните плз "на пальцах"

    Asked by Warlog,

    0 votes
    1 answer

  16. Подсветка текущей ссылки

    Как выделить ссылку в меню на страницу, на которой мы сейчас находимся. НЕ получается сделать такое в меню сайта на Joomla, ховер и актив работают, а как сделать текущую ссылку?

    Asked by DrMartens,

    0 votes
    5 answers

  17. Кодировка на страницe VS кодировка в таблице БД

    Добрый день, не знал где создать данную тему, поэтому открыл её в этом разделе. Описываю ситуацию: - Я обычно сначала полностью верстаю страницу и необходимый текст располагаю прямо среди кода. Потом, когда страница сверстана и работает корректно, я вырезаю весь текст (и т.п.), загоняю текст и всё необходимое в БД и уже оттуда подключаю контент на страницу. Тут-то и начинаются проблемы. При верстке на странице стояла кодировка UTF-8 и мой ФРАНЦУЗСКИЙ текст отображался корректно. После того как я текст запихнул в таблицу (со сравнением UTF8-GENERAL-CI) некоторые символы (такие как: ?,?,?) превратились в квадратики - ? При этом на странице осталась кодировка UTF-8. Я зад…

    Asked by nazarlee,

    0 votes
    1 answer

  18. Странное поведение тега div

    Вот какое дело, не пойму поведение дива, что такое присходит, а картина следующая, щас изображу схематически <div class="content"></div> <div class="div.doska_menu"></div> <div class="menu_temp">Какой-то текст</div> div.doska_menu { width:400px; height:400px; margin-top: 10px; margin-left: 0px; padding: 0px; float:left; background-image:url(../images/doska_menu.png); background-repeat:no-repeat; border:3px solid black; } div.content { height:90%; min-height:200px; padding:0px; width:800px; margin-left:420px; margin-top:10px; border:3px solid black; } div.menu_temp { width:400px; height:400px; margin: 0px; padding: 0px; background…

    Asked by SnowWind,

    0 votes
    8 answers

  19. a:hover ПРОБЛЕМЫ ВРОДЕ В

    ВСЕМ ПРИВЕТ ВООБШЕМ УЧУСЬ ВЕРСТАТЬ ШАБЛОНЫ, И В ОДНОМ МАКЕТЕ наткнулся на одну вешь! Вообшем вот как должно быть когда на нажимаешь на сыллку в топ меню красная картинка должна открываться на весь свой размер! А у меня вот как открываеться! ТУТ МОЖНО СКАЧАТЬ МОЮ РАБОТУ>>>http://rghost.ru/6875221 ТУТ МОЖНО СКАЧАТЬ МАКЕТ http://rghost.ru/6875521 ПОМОГИТЕ что дописать или где что подправить что бы было как положенно!

    Asked by skeman,

    0 votes
    14 answers

  20. hover как центрировать фон

    Есть ссылки при наведении на них должен появляться бэкграунд, сам бэкграунд шире ссылок, и начинается он при наведении с первой буквы ссылки и дальше идет пока незакончится. Так вот вопрос как мне центрировать этот бэкграунд? <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class…

    Asked by money121,

    0 votes
    16 answers

  21. Проблемы в IE 7

    Здраствуйте форумчане, умные и те кто только учится. У меня возникли проблемы с версткой в Эксплорере 7. Постараюсь понятно изложить суть проблемы. начнем. 1. Сайт сделанный мной, возьмем его для примера . В остальный браузерах все нормально (пример). 2. Открываю сайт в 7 Эксплорере то кнопки(спрайты) разьехались в стороны (пример). Вот в принципе и вся проблема, у меня есть подозрения что собака зарыта на спрайтах. Я выравнивал текст по вертикали таким образом. Сама ячейка со спрайтом: td.gen5 { background: url('../images/eks.jpg'); background-position: 0px 0px; /* Смещение фона */ width:165px; height:115px; vertical-align: center; text-ali…

    Asked by getalusk,

    0 votes
    4 answers

  22. Опять верстаю меню в joomla, проблема с маркерами

    Всем привет! начал делать шаблончик на дивах и сразу возникло много проблем, начну с первой) Левое меню должно выглядеть вот так. Ненумерованный список в жумле (стандартный модуль), в качестве маркеров стрелка с фоном, и у li остальная часть. Почему то нашел единственный способ их сблизить: list-style-position: inside; в FF, Chrome робит, Opera 11.10 пофигу ( Про отступы вообще молчу, буду разбираться в порядке очереди. В IE 6 лучше не открывать, чтоб не потерять дар речи. http://soleks.ru.preview.ihc.ru/ Благодарю за советы

    Asked by Игорёk,

    0 votes
    6 answers

  23. Кэширование XML

    Здравствуйте! Имеется файл /xml, содержание которого все время обновляется. Нужно чтобы в браузерах также обновлялась получаемая с файла информация. В общем не подскажите как прописать кэширование так, чтобы при первом изменении xml браузер тоже обновлял информацию? Спасибо!

    Asked by levisox,

    0 votes
    0 answers

  24. Нужно поправить шаблон

    Есть шаблон: <!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> <title>1</title> <style type="text/css"> body {background-color:#000} #cnt{ position:fixed; left:310px; margin-left: -300px; width: 700px; margin-top: 10px; background-image:url(bg.jpg) top: 303px; top: 292px; } </style> </head> <body> <center><img src="gla.jpg" scr="gla.jpg"/><img src="pgna.jpg" width="140" height="39" /><img src="mna.jpg" width="140" height="39" /><img src="sna.jpg" width="140" …

    Asked by Aleron,

    0 votes
    4 answers

  25. Тянущийся флеш и не тянущийся дизайн

    Есть дизайн, ширина 1000. И есть флеш, максимальная ширина 1544 Еще есть карусель, которая тоже должна тянутся на всю. При позиционировании абсолют, появляется колесо прокрутки Как можно обойти эту ширину 1000, если карусель и флеш находится внутри контента?>< Спасибо )

    Asked by Mary_RND,

    0 votes
    1 answer

  • Обсуждения

    • 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