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. Помогите разъезжается шаблон!

    body { background-color:#000000; } #blok { width: 717px; } #b1 { width: 717px; height: 124px; } #b2 { position: relative; width:688px; margin-left: 1px; background-image: url(fon.png); } #b3 { padding: 0 12px; margin: 0px; text-align:justify; color:#FFFFFF; } p { padding:0px; margin: 0px; font-family: Arial; } #p1 { font: bold 8pt; color: #848484; text-align:center; } a:link { color: #848484; text-decoration: none; } a:visited{ color: #000000; text-decoration: none; } a:hover { color: #CCCCCC; text-decoration: none; } Это был CSSник <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>LegGno…

    Asked by LegGnom,

    0 votes
    0 answers

  2. 3-х колоночный макет

    Делаю верстку по этому примеру. Во всех браузерах работает нормально но вот в IE6 замечены такие ошибки: если в блоке «Content» находится элемент на всю ширину блока (было замеченно для <table width="100%"> и <textarea> c ,большим cols, который растягивает элемент на ширину большую чем сам блок), то центральный блок смещается относительно левого по вертикали т.е. визуально центральный блок начинается там где кончается левый, а правый смещается относительно центрального примерно так: левый блок центральный блок правый блок Что с этим делать, ума не приложу, все уже перепробывал ... ничего не помогает. Временно решил проблему так: <table w…

    Asked by folibis,

    0 votes
    0 answers

  3. a:active{} не правильно работает в ие6

    как исправить ошибки a:active { } в ие6? в опере или firefox'e нажимаю на ссылку - все в порядке, active работает(background меняется), отпускаю кнопку мыши background возвращается в исходное состояние(т.е. как был до нажатия) .... В ие6 же при отжатии кнопки мыши background остается как при a:active ((

    Asked by dvs,

    0 votes
    0 answers

  4. Выпадающее меню

    сверстал я выпадающюю менюшку на UL LI во всем выглядит нормально, а в эксплорер и вид левый и выпадающяя часть при наведении мышки исчезает ...... в чем ошибка подскажите пожалуйста #top_menu li {_behavior: url(ie6hover.htc)} #top_menu { position:absolute; top:4px; left:36px; margin:0; padding:0; list-style:none; text-decoration:none; } #top_menu ul { position:absolute; top:27px; left:0; margin:0; padding:0; list-style:none; text-align:left; width:auto; z-index:1000;} #top_menu ul {background-image:url(../../siteimg/mk.gif); background-position:bottom; background-repeat:repeat-x;} #top_menu li { position:relative; float:left; display:block; height:27px; margin:0; pa…

    Asked by Likan,

    0 votes
    0 answers

  5. Иконки (акцентирую) новости

    Всем добрый вечер, прошу: 1.Помочь сделать JS для того, что бы отображались иконки новости на главной странице, а точнее можно было бы выбирать иконку новости при добавлении новости, в uCoZ`e...Для этого можно взять поле $OTHER1$, что бы там была замена текстового поля на выбор изображения, как к примеру здесь...[Необходимо знание uCoz] 2.Обработать JS который мне дали на другом форуме без каких либо комментариев и соотвественно мне обсолютно не понятно что с ним делать :\ : <div id="newsIcons"> <img src="/.s/sm/1/smile.gif" id="selected" alt="icon" /> <img src="/.s/sm/1/sad.gif" alt="icon" /> <img src="/.s/sm/1/happy.gif" alt="icon" /> <img sr…

    Asked by LeoBit,

    0 votes
    0 answers

  6. Медленный gif

    Рисую разные гиф. Если в gif'e есть кадры с задержкой менее 0,1 сек. то браузеры искусственно увеличивают задержку до 0,1 сек. При этом сам редактор gif отображает анимацию с нужной скоростью (photoshop, GIF Movie Gear). Конкретно эта анимация нормально отображается в firefox. IE и chrome отображают медленно. Как с этим бороться? Постую следующим кодом: <!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> </he…

    Asked by vov32,

    0 votes
    0 answers

  7. Проблема с кодировкой

    Не уверен, что написал по адресу, но все же. Стоит WP2.8.5, по дефолту кодировка разумеется utf-8. БД utf-8. Теперь такая история, есть по правую руку 2 информационные колонки. Модули крайней правой(1) колонки изменяются мной через админку, а модули той, что левее(2), изменяются мной в ручную, ибо подключить к админке толково я ее не смог, но не суть. Продолжаю. Возьмем в пример заголовки модулей, если справа(1), измененные через админку и написанные на русском они отображаются нормально, то в колонке(2) английские названия отображаются верно, а вот русские - черные ромбики. Менял дефолт кодировку на win-1251, ситуация изменилась на 180град. Чтобы сразу отсечь предложен…

    Asked by slipkahh,

    0 votes
    0 answers

  8. position:absolute; и колонки равной высоты

    Использование: margin-bottom:-32767px;padding-bottom:32767px; для создания макетов с колонками одинаковой высоты, имеет не приятный момент - не корректная работа меток-якорей. Предлагаю ознакомиться с иным решением проблемы: Статья Пример

    Asked by gordi,

    0 votes
    0 answers

  9. Интересует софт для IE 6 toolbar

    Интересует софт наподобии pixelperfect только для ie 6. Раньше накладывал обычной картинкой через просмотрщик сейчас захотелось узнать есть ли такой софт.

    Asked by Dessss,

    0 votes
    0 answers

  10. IE не отображает страницу в iframe со стилем HTML {POSITION:relative;}

    Есть 2 файла: 1.html <html> <body > <iframe src="2.html" width="50%" height="50%" frameborder="no" scrolling="yes" ></iframe> </body> </html> и 2.html <html> <head> <style> HTML {POSITION: relative;} </style> </head> <body> <h1>TEST</h1> </body> </html> Во всех браузерах кроме ИЕ отобржается нормально. в ИЕ вообще не отображает что находится в iframe. Это как то можно решить? Сразу хочу сказать, что доступ к 2.html не имею и он находится на другом домене. Далее я немного разобрался. Если сделать в 1.html для iframe стиль style="position: absolute; z-index: 1" то все отобража…

    Asked by traffoLocker,

    0 votes
    0 answers

  11. float и margin в IE6

    Вот ссылка: http://concept.dax.ru/ В IE6 не удается получить тоже? что и в FF и Opera, а именно отступы от краних колонок по 10%. Так же в IE6 не удаётся задать ширину для центральной колонки такую, как прописанно в стилях (min-width: 4,9%) ? FF и Opera отдают для этой колонки нужное пространство, но удя по border сам слой эту ширину не имеет? Как можно исправить проблему с отступами в IE, какими принципами можно руководствоваться тут для верстки такого макета? Почему ширина min-width не входит в рамку колонки pust?

    Asked by ardjuna,

    0 votes
    0 answers

  12. Создание RSS ленты

    Подскажите пожалуйста как создать RSS ленту и есть где видео курс как её надо делать ?

    Asked by Alexey197825,

    0 votes
    0 answers

  13. Как пофиксить неработающие ссылки в iepngfix

    Думаю новичкам будет полезно что если положить ссылку внутрь слоя к которому применили iepngfix то эта ссылка перестанет работаеть, более того ie6 ругнется и выдаст предупреждение, я долго спотыкался на этой теме, но вот решил сам повторить и тем кто не знает выложить инфу. Небольшой тутор в скриншоте надеюсь будет кому полезно

    Asked by TonKhaO,

    0 votes
    0 answers

  14. Проблемы с mozilla firefox: неправильно считает высоту DIV, заданную в процентах

    Сделал окошко по типу виндовского: чтоб можно было таскать, раскрывать и т.п... Сверстал, чтоб оно отображалось изначально на 80% от экрана. В опере и ИЕ работает как надо. А в фаерфоксе проблема: если текст вылазит за пределы окошка, то у div (с информацией, id=text) не появляется прокрутка (overflow), а он растягивается. При этом растягивая таблицу: Если текст не вылазит за пределы окна, то все норм. Походу, фаерфокс как-то по другому расчитывает размеры этого div-а. Как бы ему задать их, чтоб он их расчитывал? Похоже на проблему с IE (с его layout). У кого-нибудь подобные проблемы возникали? Пробовал задавать высоту у .window #content в пикселях. Работает: .window #c…

    Asked by terrasoff,

    0 votes
    0 answers

  15. Почтовый шаблон

    Люди, помогите сделать почтовый шаблон Проблема в том, что mail.ru убирает стили и ставит свои (точнее мои элементы наследуют стили элементов страницы mail.ru) вот как отображается в оутглюке а вот как в mail.ru <table style="padding:0; margin:0;" height="100%" width="100%" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#F3EDD5" valign="top" align="right" style="vertical-align:top; text-align:right; padding:0;"><img src="/images/asia_template/left_palm.jpg"/></td> <td width="6px" background="/images/asia_template/v_separator.jpg" style="width:6px;"> </td> <td valign="top" width="728px" style="padding:0; widt…

    Asked by ShubaS,

    0 votes
    0 answers

  16. SSI - проблема в навигации

    Всем привет. Извиняюсь если возможно тему создаю не по адресу. Пытаюсь создать сайт с использованием SSI, возникли некоторые проблемы с навигацией. Задача была поставить сайт примерно по такой схеме: Итак, index.html <HTML> <HEAD> <TITLE>Простой сайт с использованием SSI</TITLE> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <META http-equiv="Content-Language" content="ru"> </HEAD> <BODY> <H2>Пример использования SSI</H2> <TABLE width="100%"><TR> <TD width="17%" valign="top"> <BR> <BR> <a href="index.html">Раздел 1</a><BR><BR> &lt…

    Asked by Тюрок,

    0 votes
    0 answers

  17. IE8

    Установил ИЕ8 и... часть контента сайтов не отображается. Все, что в ФайрФоксе3.5 прекрасно отображается, в ИЕ8 с дефолтными настройками - нет. Сайт datingonline1.com. На главной должен в правом нижнем углу всплывать банер - в ИЕ8 он не всплывает. <script type="text/javascript" src="http://www.anastasiasaffiliate.com/banners/invite"></script> <script type="text/javascript"> invitations.init(10, 20, 30, 50, 103517, 2193); </script> Ссылка bookmark us, до того прекрасно работавшая в ИЕ6, не работает. <a href="" onclick="window.external.AddFavorite(location.href, document.title);return false">Bookmark us!</a> На других страничках есть …

    Asked by Amdreyko,

    0 votes
    0 answers

  18. Всплывающий блок

    Ребята, подскажите готовое решение или хороший пример реализации всплывающего блока на ajax или другом, т.е. кликая по ссылке добавить в корзину в магазине всплывает такой блок:

    Asked by okunev2,

    0 votes
    0 answers

  19. Проблемы с IE8 и скоростью работы джава скрипта.

    Добрый день форумчане. Есть такая проблема. Написал сайт, сейчас тестирую его на хостинге. www.ml-yachting.com 1. С Хромом, мозилой, оперой и т.д. проблем нет. Даже 7й IE не тормозит. А вот 8й... При наведении курсора на закладку меню, там где картинки ездят, тормозит со страшной силой. Помогите разобраться в чем дело, пожалуйста. Я уже голову поломал, как это исправить... 2. Так же при нажатии ссылки "Читать далее" в середине контента, должен появляться заоверлееный контент - опять же мозилла, опера и пр. открывают нормально, а в любом IE снизу под ним отображается пустой квадрат, такой тонкой черточкой в 1пкс. И эффект затемнения не растягивается на 100% высоты. Давайт…

    Asked by maximus_grek,

    0 votes
    0 answers

  20. Всплывающие окна в joomla

    Доброго времени суток, форумчане! Введение. Во-первых хотел поблагодарить организаторов данного проекта, что создали ресурс, где действительно нужная и правильная информация и при этом все благородно оформлено. Все по-настоящем! Спасибо! А во-вторых, обращаюсь с со своими тяготами. Делаю сайт на joomla, это мой второй сайт. Первый раз взял шаблон с программы Artisteer (программа создает шаблоны для CMS) Второй шаблон решил сверстать сам, хотя не знаю ни каких основ верстки и т.д. Шаблон сверстал, но со стилями так и не разобрался (не смог создать своего), разозлился сильно-сильно, и удалил все! Теперь переделываю опять шаблон только уже со стилями из Artisteer. Если будут…

    Asked by UNickalny,

    0 votes
    0 answers

  21. Обтекание и div

    Сделал часть шаблона наподобие http://www.artlebedev.ru/tools/technogrette/html/thumbnails/ элемент которому указано relative не заполняет собой верхний блок, как я понял. поэтому div class="text" и буковка s поставленная для теста считается самым нижним элементом страницы. А хочется чтобы выделенный блок влезал в колонку ps. Высота колонок в макете регулируется скриптом по максимальной высоте колонки. возможно это повлияло, но опять же это значит, что блоки relative не влияют на высоту колонки. Спасибо внезапно понял что в class=text надо дописать. display:inline-block; Но он не работает в IE7. думаю дальше хотя IETester выводит все нормально. Вопрос пока что снят. Спа…

    Asked by severum,

    0 votes
    0 answers

  22. Подскажите WYSIWIG editor

    Подскажите простенький WYSIWIG editor, напр. такой как на форуме, при создании темы.

    Asked by Alex&R,

    0 votes
    0 answers

  23. Неправильное поведение выпадающего меню в ie7-8

    Проблема следующая: сверстал выпадающее меню только при помощи css, но в ie8 вылезли проблемы как в режиме стандартов, так и в режиме совместимости. Общая проблема для обоих режимов в том, что hover срабатывает необычным образом - при наведении на пункт меню, из которого должны выпадать подпункты, подменю появляется, но при этом при уводе мыши с сылки на этот пункт меню, для него событие hover отключается. Подменю при этом видно, но при возврате выши и наведении на пункт, подменю исчезает. Вторая проблема заключается в том, что ни в одном из режимов эксплорер не хочет делать ширину пунктов подменю одинаковой, как это происходит в других браузерах. Пробовал включать has…

    Asked by can3p,

    0 votes
    0 answers

  24. Поменять заголовки на блоггере

    Здравствуйте. У меня на блоге (blogger) все заголовки выдаются в h3, хотел поменять на h1, нашел в шаблоне как поменять выдачу заголовков на h1, но при этом ссылки на страницы с главной и разделов блога тоже h1. Как сделать чтобы заголовки были h1 а ссылки на эти же страницы пусть h5? Я думаю что надо поменять что то здесь <!-- Post --> <div class='post' id='post'> <div class='title'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <span class='title'> <b:if cond='data:post.link'> <h3><a expr:href='data:post.link'><data:post.title/></a></h3> <b:else/> <b:if cond…

    Asked by Honki,

    0 votes
    0 answers

  25. Картинки VisualBox в ИЕ 6 пропали

    Народ, хелп! http://seva.undersite.ru/conc_fotosiemka.html Картинки-превьюшки в вижуал боксе перестали отображаться, пропустил момент когда это произошло теперь не знаю в чем загвоздка, причем сами картинки загружаются, это можно видеть примерно полсекунды пока страница будет грузиццо, а потом they are gone

    Asked by TonKhaO,

    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