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. проблема высоты изображения IE7

    div{width:80%;height:100px; border:1px solid red; background:red;} img { min-width: 100%; height:60px; } </style> </head> <body> <div id="boo"> <img src="1.gif" /> </div> В ие7 высота изображения больше чем height:60px;.Как решить проблему?OVerflow:hidden для родителя не предлагать.

    Asked by dostel1,

    0 votes
    0 answers

  2. безопасность использования Unicode символов

    безопасность использования Unicode символов для рисования фигурок http://copypastecharacter.com/graphic-shapes Какие могут быть проблемы в браузерах(кроме ие6)?Оправдано ли их использование для рисования фигурок?

    Asked by dostel1,

    0 votes
    0 answers

  3. Дублирование контента в iframe в IE6

    Добрый день. Итак - суть вопроса: у меня на странице есть два айфрейма, сгенеренные в xslt-шаблоне. В ситуации, когда на странице два айфрейма, получаем одинаковое потоковое видео для обоих, в ие7+ и остальных браузерах все нормально. Здесь в сорце - страница с видеоплеером для видеокамеры, работающей в реальном времени. Любые ваши комментарии будут полезны. Заранее спасибо. Кусок xslt <xsl:element name="iframe"> <xsl:attribute name="class">videoIframe</xsl:attribute> <xsl:attribute name="name"><xsl:value-of select="CAMSID"/></xsl:attribute> <xsl:attribute name="frameborder"&g…

    Asked by nuxf10ir,

    0 votes
    0 answers

  4. Отображение фона fieldset в Internet Explorer

    Здравствуйте. Столкнулся с такой проблемой: фон элемента fieldset вылезает за рамку и за legend, но только в IE, остальные браузеры отображают мой код нормально. Как пофиксить? <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </script> </head> <body style="margin:0;padding:0;background:#FFA;" > <div id="content" style="width:100%;margin:0;padding:0"> <fieldset style="background:#AFA; margin:50px;"> <legend style="background:#FAA; margin:10px;">легенда</legend> <p>контент</p> </fieldset> </div> </body…

    Asked by Firefix,

    0 votes
    0 answers

  5. @font-face

    Всем доброго времени суток. Проблема следующая описываю @font-face в css следующим образом: @font-face{ font-family:MyWebFont; src: url('fonts/variete-webfont.eot'); src: url('fonts/variete-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/variete-webfont.woff') format('woff'), url('fonts/Variete.ttf') format('truetype'), url('fonts/variete-webfont.svg') format('svg'); } для вложенных тегов типа #menu ul li a {fon-family: MyWebFont} шрифт не подключается для тега <a href="#">...</a> , если отдельно описать a{font-family:MyWebFont; } и в html разместить не вложенный тег <a href="#">.....</a>, то шрифт подключается, п…

    Asked by romanov,

    0 votes
    0 answers

  6. в IE глючит всплывающая форма

    Добрый день. Помогите разобраться, почему в IE здесь http://lucky-brand.ru/ при клике на "войти" в правом верхнем углу всплывающая форма отображается некорректно. В других браузерах все нормально

    Asked by Koroed,

    0 votes
    0 answers

  7. оправданная избыточность?

    для макета сделал каркас. .main смещал вверх при помощи position: relative, пытался учитывать переполнение проблема в том, что код получился далеко не лаконичный для такого несложного макета, а значит скорее всего неправильный. профессионалы, скажите пожалуйста допустимо ли такое использовать в коммерческой работе? может быть стоило просто нарезать всё блоками и сложить в стопку? да и плашки растянутые на ширину экрана возможно тоже не к месту... в общем я в сомнениях, направьте пожалуйста ход мысли и покритикуйте подход...

    Asked by cyklop77,

    0 votes
    0 answers

  8. Не работает селектор атрибутов в Safari 5

    Не работает селектор атрибутов "~" в Safari 5 на мобильном устройстве (iOs). Селектор целиком выглядит вот так .tabs > input.tab-selector-1:checked ~ div > div:nth-child(1){} При всем при этом, другой селектор той же категории "+" вполне переваривается. В чем может быть дело? Заранее признателен

    Asked by kich,

    0 votes
    0 answers

  9. фильтр для yahoo почты

    на почте yahoo есть лишние элементы (поле справа и т.п.) Их можно удалять, подставляя свои значение стилям в файле Firefox (chrome/user-content.css) Такие скрипты есть на сайте userstyles.org. Но на yahoo что-то поменяли, поэтому сборная солянка из нескольких наборов перестала работать. Хорошо бы, если бы появились на форуме желающие создавать подобные фильтры для почты (на hotmail и google такие фильтры занимают гораздо меньше места и работают пока).

    Asked by Rilo,

    0 votes
    0 answers

  10. сброс, нормализация стилей только для одного блока

    Разрабатываю приложение для установки на сайтах у клиентов (DHTML+JS+CSS). Возникла проблема (уже давно ) разработчики сайтов меняют стили, вся наша вёрстка ломается - это напрягает сильно. Нужно как-то изолировать блок в котором стоит приложение вообще от всех изменений стилей на странице так, чтобы это не влияло на все остальные блоки. причём желательно чтобы стиль в блоке соответствовал стилям по умолчанию Как? подскажите пожалуйста.

    Asked by vitus,

    0 votes
    0 answers

  11. Создание заголовка с тянущимся блоком и стрелкой снизу

    Здравствуйте! Проблема такая: Есть заголовок, который находится в блоке со скругленными углами. Нужно, чтобы блок растягивался взависимости от длинны заголовка. Причем снизу блока имеется стрелка, она должна быть всегда по середине самого блока. Как сделать растягивающийся блок заголовка и стрелку снизу? Прилагаю картинку

    Asked by slavakazak,

    0 votes
    0 answers

  12. Как мне сделать так, чтобы на моем сайте votpochemu.com, когда я добавляю новость на главную первую страницу, последняя переносилась на вторую

    Не надо создавать тем-клонов. Если вам не ответили в предыдущей, либо ждите кто ответит, либо ищите решение самостоятельно. Пока устное предупреждение. И, да, не обязательно дублировать суть проблемы в названии темы.

    Asked by saswat,

    0 votes
    0 answers

  13. Проблема с jQuery AJAX Form

    Непонятно почему не работает скрипт аякс-отправки формы - все равно редиректит на страницу-обработчик, заданную в html коде формы. На сайте, откуда я копировал код - все нормально! Хотя ведь просто копировал его!. И причем сам когда то писал. Сравните и подскажите в чем проблема: http://webdev-smirnoff.simpohost.com - вот где не отключется переход формы на страницу-обработчик http://smirnoff.ho.ua/maksioil/ - тестовый сайт, где все работает и откуда копировал ранее написанный код. UPD: Заметил где кроется баг: если форма инклудится через аякс меню то она не пашет ,а если она строго в хтмл код инклудится ручками, например вместо главной, то все ок.

    Asked by DartBein,

    0 votes
    0 answers

  14. выпадающее меню исчезает

    помогите пожалуйста решить проблему с выпадающим меню. при перемещени курсора на выпадающие подменю происходит сворачивание всех подменю. при этом если html-код меню выношу за пределы блока .header_top_inner проблема исчезает проблвал увеличивать высоты блока .header_top_inner до 300px. пробовал в блоке .header_top_inner заменять абсолютное позиционирование на относительное использовал скрипт выпадающего меню mootools.net/forge/download/moodropmenu/1.7 описанная проблема встречается довольно часто при использовании других скриптов выпадающего меню

    Asked by cyklop77,

    0 votes
    0 answers

  15. Сдвиг картинки без отступа

    Добрый день! Возникла такая проблема: На сайте http://www.prazdnikon.ru мне нужно сдвинуть фоновую картинку в шапке левее на 100пкс, но как это сделать так, чтобы справа не было белого отступа, и изображение сохраняло при этом заполнение по ширине?

    Asked by DeNCHiK01,

    0 votes
    0 answers

  16. лого + слоган

    лого принято верстать ссылкой. часто рядом с лого размещается слоган. его тоже лучше сделать ссылкой, скажите пожалуйста?

    Asked by cyklop77,

    0 votes
    0 answers

  17. Неверное отображение спецсимволов в опере

    Есть такой символ, как японская точка, выглядит он следующим образом, если взять его в кавычки: Т.е. находится в левом нижнем углу, справа немного пустого места для визуального разделения (пробел в японском не используется), а также тот факт, что всё является моноширным - каждый знак вписывается в условный квадрат. Итак, вот небольшой отрывок текста, заключенный во внутренние кавычки (Мозилла): Кавычки, запятая, точка, всё как надо. Гугл Хром: И даже Эксплорер: Но! Что творится в Опере: Молчу про безобразные кавычки, но каким образом что запятая, что точка оказываются по центру? И как это починить..

    Asked by Eugeneath,

    0 votes
    0 answers

  18. Конфликтуют js скрипты в Opera

    Всем привет! Прошу помощи, так как совсем отчаялся. Проблема проявляется в браузере Opera(9.80 возможно и другие версии). Суть проблемы: Есть js редактор текста http://ckeditor.com/ проблема в том что именно в опере, не устанавливается курсор в поле ввода. Причём курсор начинает периодический появляться если несколько раз обновить страницу. Ошибка скорей всего не в редакторе а в js скрипте чата который видимо как то конфликтует со скриптом чата. При отключении js скрипта чата, всё работает исправно.Чат так же написан на js. В остальных браузерах всё работает нормально. После долгих мучений с js скриптом чата, решил попробовать установить другой редактор(http://imperavi.…

    Asked by Slunyavchik,

    0 votes
    0 answers

  19. z-index у вложеного элемента

    Добрый день! Допустим есть структура. Каким образом можно задать внешнему div, z-index больше первого? <div> <div></div> </div>

    Asked by flintovich,

    0 votes
    0 answers

  20. nivo slider

    наверняка вам не раз приходилось использовать в проекте nivo slider с thumbnails-ами. дайте пожалуйста ссылки на рабочие примеры, я разберу их. у меня не получается сделать подобный слайдер самостоятельно, хотя точно придерживаюсь документации обязательно с thumbnails-ами

    Asked by cyklop77,

    0 votes
    0 answers

  21. блок тянущийся только в одну сторону

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

    Asked by chiffenok,

    0 votes
    0 answers

  22. <div> и align не на всю ширину страницы

    Есть <div> в нем <img align="left"> <img align="right"> <table align="center"> </div> Но браузер делает отступы от краев окна, а не <div> <div width="fixed"> ничего не меняет Как отформатировать страницу чтобы картинки оказались с отступом от краев экрана? Можно наверно попробовать margin, но это не совсем то - Если <div> был бы фиксированной ширины при изменении размеров окна отступы тоже изменяли бы свой размер, а если сделать margin, то отступы будут неизменными. В общем жду ваших советов. Всем спасибо, сам разобрался. Заменил <div> на <table>

    Asked by Vesst,

    0 votes
    0 answers

  23. Помогите сделать выпадающее меню с активными подпунктами

    Всем привет, вот такая у меня проблема, может кто сталкивался, сделал горизонтальное меню, с выпадающими вниз подпунктами Активной ссылке и активному пункту подменю присваивается class active Как можно сделать так, как ЗДЕСЬ, только средствами css или другими скриптами ? Пока что сделал так: <div id="menu_glav"> <ul> <li><a href="index4.html">Gallery</a> <ul> <li><a href="index2.html">Concept</a></li> <li><a href="index2.html">Shows</a></li> </ul> </li> <li><a href="index6.html">Artworks</a> <ul> <li><…

    Asked by galaydas,

    0 votes
    0 answers

  24. Изменение внешнего "Яндекс поиска для сайта"

    Добрый день! Занимаюсь созданием сайтов в качестве хобби, потому иногда встечаюсь с проблемами которые трудно решить без помощи профоф. Вопрос в следующем. Все знают о фишке Яндекса с персональном поиске внутри сайта. Но есть проблема, с тем что не на каждый сайт подойдет их дизайн. Для чего нужно заблокировать показ полей с картинками "Янекс" и дополнитлеьной информацией или хотябы необходимой формой вывода результата поиска. Картинку с формы поля ввода данных для поиска легко убирается конструкцией в файле css страницы: td.ya-site-form__logo-wrap {display:none} Но поле вывода результатов посика подгружет страницу янедкса во фрейме и такой трюк не выходит. Как можно на…

    Asked by svo6o9en,

    0 votes
    0 answers

  25. Compatibility View IE9

    Здравствуйте! на сайте контент динамически подгружается во фрейм.Во всех браузерах все ок, в IE9 фрейм пустой - контента не видим. Переключаемся в режим Compatibility View - все прекрасно работает. Подскажите как указать ишаку чтобы он отображал страницу в режиме представления совместимости? пробовала с помощью тегов <meta http-equiv="X-UA-Compatible" content="IE=9"/> подставляла в content разные значения - не помогает.Да и оно кажись наоборот говорит браузеру чтоб в стандартном режиме работал.

    Asked by meri_bet248,

    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