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. Проблема с выпадающим горизонтальным меню

    Доброго времени суток! Проблема состоит в следующем: сайт www.cat-warriors.ucoz.net просматривают с IE7 и IE8. Имеются страницы системные [не имеют в конце расширения html, например, главная] и статичные, например, как эта: пример. В IE7 версии всё отлично: в обоих версиях страниц выпадают меню. В IE8 же на системных страницах меню выпадает, а на статичных нет. В других браузерах такого нет. Пробовала ставить эмуляцию IE7 - не помогает. С чем это может быть связано и как решить проблему? Заранее большое спасибо за помощь.

    Asked by VRSh,

    0 votes
    0 answers

  2. Подскажите с margin

    Есть кусок css и html: body { color: #fff; background: url("../i/bg.jpg") repeat top center; } #wrapper-body { background: url("../i/logo.gif") no-repeat top center; } #wrapper { width: 902px; margin: 0 auto; } #header { background: url("../i/line_alfa.png") no-repeat bottom center; } #h-top { height: 178px; } #content { background: url('../i/cn_padding_left.png') repeat-y left; } #cn-wrap { background: url('../i/cn_padding_right.png') repeat-y right; } #cn-menu { background: url("../i/line_gor.png") no-repeat bottom center; } #cn-menu-wrap { width: 782px; margin: 0 auto; background-color: #001e16; } #h-nav li { display:-moz-inline-stack;/*Fi…

    Asked by oke11o,

    0 votes
    0 answers

  3. Помогите исправить код

    Здравствуйте. Подскажите, как реализовать: Есть код: <li {if isset($last) && $last == 'true'}class="last"{/if}> <a href="{$node.link}" {if isset($currentCategoryId) && ($node.id == $currentCategoryId)}class="selected"{/if} title="{$node.desc|escape:html:'UTF-8'}">{$node.name|escape:html:'UTF-8'}</a> {if $node.children|@count > 0} <ul> {foreach from=$node.children item=child name=categoryTreeBranch} {if isset($smarty.foreach.categoryTreeBranch) && $smarty.foreach.categoryTreeBranch.last} {include file="$branche_tpl_path" node=$child last='true'} {else} {include file="$branche_tpl_path" node=$child las…

    Asked by Motoko Kusanagi,

    0 votes
    0 answers

  4. Выравнивание изображения по вертикале в строке

    Помогите выровнять изображение по середине(по вертикали) строки. Если использовать vertical-align: middle, то изображение немного смещено от центра по высоте. Вот пример Вот код: <!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=UTF-8" /> <title></title> <style type="text/css"> body { font: 0.86em/1.5 Arial; } div { background-color: #eee; font-size: 2em; } img.img-middle { vertical-align: middle; display: inline-block; } spa…

    Asked by CoDy,

    0 votes
    0 answers

  5. Резиновый правый sidebar в Safari и Chrome

    Здравствуйте, не получается кроссбраузерно сделать резиновый правый sidebar в Chrome и Safari. Проблема в том, что если ставлю для правого sidebar: margin-left: 250px; (ширина левого 250px; float: left;) то правый тянеться не до конца. Когда использую хак для IE6 и только в нем для правого sidebar ставлю margin-left: 250px, то все ок. Но хочется без хака. Вот пример бага: http://local-schillerfan.vws.com.ua/tools/makeup/makeup.html Цель, без хаков сделать кроссбраузерно валидно резиновый правый sidebar до конца экрана. Мучаюсь уже второй день.

    Asked by VIRUS,

    0 votes
    0 answers

  6. float: left в резиновом div в ie6

    Как в IE6 сделать так, что бы внешний div по высоте был резиновый, если внутри которого div с float left ? Вот пример: http://local-schillerfan.vws.com.ua/tools/makeup/field_blocks_lite.html Dj всех браузерах отлично работает, кроме ie6

    Asked by VIRUS,

    0 votes
    0 answers

  7. Путь в JS

    Не могу указать путь в js. arrowimage: {classname: 'downarrowclass', src:'down.gif', leftpadding: 5} картинка переехал в images/down.gif не видит её, как правильно указать путь?

    Asked by Bandyy,

    0 votes
    0 answers

  8. Центрирование блока по горизонтали и вертикали...

    Доброй утро! Подскажите кто знает: как выровнять блок с телевизором по горизонтали и вертикали – так чтобы при минимальной высоте браузера этот блок не пропадал ,cкрываясь за верхнюю панель! Перепробовал все известные мне способы центрирования – не один не подходит... (последний из способов находиться по нижеуказанной ссылке...) Буду благодарен за помощь... P.S. Сейчас делаю заказ и сроки по серьёзному жмут! Это ссылка на страницу с проблемой: http://yamaradg.narod2.ru/history/indigo/index.html

    Asked by Yamaradg,

    0 votes
    0 answers

  9. Разное отображение шрифта в ИЕ/Хроме и Опере/Фаерфоксе

    Доброго времени суток. Возникла следующая проблема. Например, есть CSS вроде такого: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>font</title> <style type="text/css"> .layer1 { font: 16pt Arial; } .layer2{ font: 16pt Symbol; } </style> </head> <body> <div class="layer1">Example1</div> <div class="layer2">Example2</div> </body> </html> И так он отображается (слева - Опера 11, Firefox 6; справа - Хром 13, ИЕ 6 (вечером другие ИЕ гляну, сейчас нет под рукой)): Шрифт Symbol в системе установлен. Собств…

    Asked by Varro,

    0 votes
    0 answers

  10. колонки равной высоты + скролл

    вот страница. не получается реализовать такой же каркас на дивах. помогите пожалуйста. основная сложность в 2 колонках равной высоты. задача классическая, но почему то нигде не рассматривается(у меня не получается найти) переполнение блока с появлением скролла

    Asked by cyklop77,

    0 votes
    0 answers

  11. Как поставить div поверх Window Media Player

    Добрый день всем. Верстаю не первый год, с данной проблемой столкнулся впервые Суть проблемы: Есть блок, в нем object type="application/x-oleobject" нужно поверх него поставить блок пробую через position:absolute; вроди как работает, но в Хроме плеер все-равно торчит, как перекрыть его??? z-index не помогает. Кто сталкивался с подобным, подскажите как решить проблему

    Asked by fozzy,

    0 votes
    0 answers

  12. Проблема в IE, блок съезжает

    Добрый день, ниже представлен код <!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=utf-8" /> <title></title> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div class="header_left"> <div class="header_left_line"> <div class=…

    Asked by dinaron,

    0 votes
    0 answers

  13. Подключение модуля на линии для DLE

    Всем привет!Подскажите пожалуста, у меня есть (модуль на линии для DLE), можно ли его подключить на обыкновенной html странице, или он будет работать только на CMS?, и если можно то необходимо ли в нем что то переписывать (я имею в виду в php скрипте)?

    Asked by vadimcucherencko,

    0 votes
    0 answers

  14. Подгрузка Шрифта (продолжение..)

    Здравствуйте! Подскажите,кто знает ссылку на сайт с которого без проблем можно было бы скачать нормальные(без кракозябр...) шрифты trebuchet(желательно всех видов с поддержкой русского алфавита)? Гуглил над этим вопросом не один день – нашёл только один более ли менее нормальный сайт: http://www.xfont.ru/font/%D1%88%D1%80%D0%B8%D1%84%D1%82_TrebuchetMSItalic_10159.htm но в итоге оказалось что и он не идеален!(шрифты которые с него закачиваю(не поддерживают русский алфавит) фотошоп не понимает? Вместо русских букв в фотошопе квадратики...) пробовал(впервые) подгружать их на: www.fontsquirrel.com/font... пишет следующее:(The font Trebuchet MS Italic was created by Microsoft.…

    Asked by Yamaradg,

    0 votes
    0 answers

  15. Съехал слайдер и прелоадер потерялся

    , верхний слайдер на главной странице уехал влево-вверх, перед показом картинок сначала показывается прелоадер, но вместо этого там просто черный фон. Подскажите как поправить пожалуйста Справился

    Asked by Tchorteg,

    0 votes
    0 answers

  16. Подсказка ошибок

    Ребят подскажите проги для IE и Хрома если есть такие. Кторые показывают в баре ошибку кода как в мазиле к примеру.

    Asked by Didorri,

    0 votes
    0 answers

  17. таблица с select'ами

    Ребят, помогите пожалуйста привести таблицу в приятный глазу вид. _http://yourspotolki.ru/kalkulyator.html <table cellspacing="0" cellpadding="5" border="0"> <tbody> <tr> <td>Тип полотна (белые полотна ПВХ)</td> <td><select name="Cp" onchange="Calc.calc()"> <option selected="selected" value="0"> </option> <option value="1">матовый 1,53м (Россия)</option> <option value="2">сатиновый 1,53м (Россия)</option> <option value="3">матовый 1,9м (Россия)</option&…

    Asked by Un1x,

    0 votes
    0 answers

  18. Перестало работать увеличения картинок после изменения дизайна

    Всем доброго времени суток. Суть вопроса такова, я менял стиль сайта со старой табличной версткой, менялись только css-стили, и была добавлена таблица которая играет роль меню c id="headerMenu", в <header> не лез, менялась только шабка сайта, но почему то не работает увеличение картинок, выкидывает на главную страницу при на жатии на картинку. Мой css-код начинаетса с 530-ой строки. Мог ли я изменяя сss-правила сделать такую ошыбку, и как её устранить? адрес страницы: http://sport-melitopol.com.ua/api-caffeinex-200-tab/p-581.html нажатие на ссылку "увеличить", или на картинку сверху. Буду благодарен за ответы

    Asked by deem,

    0 votes
    0 answers

  19. Верстка для Facebook

    Вот недавно встретился с интересным приложением на Facebook'е. Называется «Static HTML: iframe tabs» Позволяет вставлять на страницу HTML код. Но дело в том, что туда можно залить код только главной страницы своего макета. А если, допустим, у меня макет состоит из 3,4,n страниц, где есть меню? Как сделать так, чтобы у меня была главная страница, опубликованная на ФейсБуке, а при нажатии на ссылку в меню на этой главной, открывалась другая страница макета в том же окне на ФБ? Или это возможно, если только залить все остальные страницы макета на хостинг?

    Asked by Sedacove,

    0 votes
    0 answers

  20. Cufon...

    Здравствуйте! Подскажите кто знает как задать font-weight,font-style шрифтам подключенным через cufon? В скриптах делаю так: Cufon.replace('h5 span', { fontFamily: 'Yold Anglican',color: '#f6900d',fontWeight:'700',fontStyle:'italic',fontSize:'16px'}); Но жирность и курсив у шрифтов не работают!???(если прописать шрифты обычным способом то на моём компе проблем не возникает...) P.S. Страница находится здесь: http://yamaradg.narod2.ru/history/Company_Solutions/1.html Скриншот с описанием где именно текст подключен через cufon - прикладываю...( http://yamaradg.narod2.ru/history/solution_upgrayd.jpg ) Буду очень признателен за любую помощь! (также буду благодарен,если кто-ниб…

    Asked by Yamaradg,

    0 votes
    0 answers

  21. Очередная унылая div шапка

    Подскажите пожалуйста как верно сверстать шапочку. Получить нужно вот что: http://dl.dropbox.com/u/11247558/v.jpg Т.е. первая полоса - первый div, квадрат - второй div (по идее там будет картинка), ну и 3 полоса соответственно 3 div. С первыми 2-умя проблем нет никаких, всё ок. Проблема возникает с 3-им. Он должен занимать соответственно от картинки всё оставшееся место до края браузера (примерно так как на скриншоте выше). На скриншоте я банально на глазок в % подобрал значение, но в других то разрешениях так не покатит . Текущий код HTML: <body style="min-width:1000px; margin:0px;"> <div class="top1"><br></div> <div class="img1"></d…

    Asked by SoulReav,

    0 votes
    0 answers

  22. Фоновая музыка

    Подскажите пожалуйста, может кто знает, как сделать чтобы фоновая музыка на сайте играла без остановки при переходах по страницам сайта. Пример этому Вконтакте, плеер всегда играет при переходах со стр на стр.

    Asked by Mahay,

    0 votes
    0 answers

  23. проблема вставки виджетов социальных сетей

    Вставляю на сайт виджеты вконтакте: первый - виджет "Сообщество" - от официальной группы, а второй виджет "Сообщество" от официальной фан-страницы. Обе эти страницы с разными урл, соответственно, виджеты с разными кодами. Вот проблема: один виджет вставляется без проблем и туда, куда указываю (в боковую панель сайта). А если вставить другой (в среднюю часть) - первый приклеивается к нему! Как решить такую проблему?

    Asked by TrueSaint,

    0 votes
    0 answers

  24. И снова div

    Всем привет, возникла проблема с Div ни в какую не хочет растягиваться по размерам дочерних блоков. <div class="divCenter"><div class="divCenter2"> <div class="divMain1"><img src="img/main1.jpg" width="600" height="380" alt="Изображение не доступно" /></div> <div class="divMain2">Комфорт превыше всего!</div> <div class="divMain3"><img src="img/main2.JPG" width="510" height="320" alt="Изображение не доступно" /></div> <div class="divMain4"><img src="img/main4.jpg" width="1140" height="400" alt="Изображение не доступно" /></div> </div></div> .divCenter {width:1200px; height: 100%; …

    Asked by Skej,

    0 votes
    0 answers

  25. position:fixed vc iPad

    Последнее время нужно проверять как выглядит сайт на айпаде. Подвал нужно пригвоздить к низу, а контент чтоб проматывался. На айпаде подвал скользит вместе со страницей. В интернете ниче вменяемого не нашел. Писал 2 файла стилей для планшета и десктопа, проверял jquery, для айпада подвал делал обычный. Я провтыкал, там vs, а заголовок редактировать нельзя.

    Asked by sergio_ktt,

    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