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. Firefox и text-overflow

    Решил разобраться со следующей темой - как реализовать в Firefox обрезание строки при переполнении с добавлением троеточия. В Эксплорере с этим нет проблем. Нужно только прописать в css "text-overflow:ellipsis;". Опера тоже проявила "оригинальность" - там можно добиться того же эффекта используя "-o-text-overflow:ellipsis;". Нашел следующую страничку в интернете http://www.jide.fr/emulate-text-overflowel...irefox-with-css , где заявляется о решении данной проблемы в Firefox, используя только CSS. Но заставить это работать не получается. Вот мой пример: http://demo.oceanit.ru/csstest.html Помогите пожалуйста разобраться. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T…

    Asked by smoke1,

    0 votes
    12 answers

  2. Firefox и локальный css

    Возможно ли научить Firefox применять к определённой странице стили из файла css, находящегося на локальном диске, как это умеют opera и Safari?

    Asked by wildhind,

    0 votes
    4 answers

  3. FireFox изменение ширины блока при отрицательных значениях margin и padding

    В FireFox происходит изменение ширины пункта меню. Тут пример кода. В Опере и других браузерах выглядит так: В FireFox: Подскажите, пожалуйста, решение или направление куда думать.

    Asked by Сергей А.,

    0 votes
    2 answers

  4. firefox или кривые руки

    Доброго времени! Вот код: http://jsfiddle.net/Z6L4r/ в ff 24 (kubuntu) ссылка Help отображается внизу header-а, хотя должна быть с отступом в 10px сверху (примерно по центру header-а) opera, chromium - все нормально. Подскажите решение, пожалуйста. Спасибо.

    Asked by n3r0bi0m4n,

    0 votes
    1 answer

  5. Firefox или я: кто сошел с ума?

    Всеми привет Бьюсь всю ночь... Не могу понять. Есть код (черновой вариант). Суть: Firefox показывает лишний отступ в 1px. Вот черная полоска (бордер) над красным прямоугольником "Пурум"... Chrome, Opera ее перекрывают, а FF нет (IE тоже нет, но с ним хоть ясно, как бороться). Что может быть не так? Что я не учитываю? Спасибо. <BR><BR><BR><BR><BR><BR> <DIV style="background-color:#EFEFEF; border-top:1px solid #000000; border-bottom:1px solid #000000;"> <TABLE width="100%" cellspacing="0" cellpadding="0" style="position:relative;top:-28px;"> <TR> <TD valign="top"><DIV style="float:left; font:20px/24px Arial; …

    Asked by Artlive,

    0 votes
    3 answers

  6. Firefox коряво отображает png-картинки

    В Firefoxe коряво отобрадаются png-картинки: Картинка сама по сбе отображается,но вокруг появляется невнятьная рамка.Создается впечатление что картинка немного вдавлена.И в левом верхнем углу появляется маленькая пиктограммка: маленький листочек с завернутым углом. Такое происходит когда картинка загружается на сервер.На винте все нормально. Картинку вставляю так

    Asked by Igorock,

    0 votes
    3 answers

  7. Firefox криво распознает display: table-cell;

    Верстал под Chrome, надо было, чтобы текст в диве выравнивался по вертикали. Настроил, открываю Firefox, а там вот что: Все куда-то уехало за пределы страницы... Гуглеж не дал мне никакого фикса для этого. Вот ссылка на сам сайт, можете посмотреть. Вот. Тут все отображается нормально. Это ужас. Причину не могу выяснить.

    Asked by Mosya,

    0 votes
    14 answers

  8. Firefox медиа запрос

    <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Recipes</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="css/style.css" rel="stylesheet"></head><body> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div></body></html>.image { display: inline-block; height: 100px; width: 24%; border: 1px solid black;}@media screen and (max-width: 640px){ .image { width: 49%; }}https://yadi.sk…

    Asked by WhatIsHTML,

    0 votes
    2 answers

  9. FireFox не видит дополнительную таблицу стилей

    Всем привет! Проблема, которая просто шокировала! вот 2 странички: http://new.forexltd.ru/ru/trade/mt4mobile/ - с доктайпом http://new.forexltd.ru/ru/study/forex/ - без доктайпа при <!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"> ФФ не применяет дополнительную таблицу стилей, при отключении доктайпа все работает, но появляются проблемы кроссбраузерности. Честно говоря, от мазилы я такого просто не ожидал, как с этим бороться поняния не имею, может кто то сталкивался с подобной проблемой? помогите плиз. За ранее всем спасибо! З.Ы. Может дело в Ц…

    Asked by verybigboy,

    0 votes
    5 answers

  10. Firefox не может width у input type="file"

    Собственно, сабж. Что делать? Атрибут size в html5 у file запрещен.

    Asked by 7ion,

    0 votes
    1 answer

  11. Firefox не отображает background-image.

    Почемуто Firefox не хочет отображать фоновую картинку. Причем в IE, Opera, Safari все отображается нормально. Вот кусок кода из CSS .topheader { height: 405px; background: transparent url(/site_resources/images/topbannermain.jpg) center no-repeat; } Вот ссылка на страницу http://mail.avtodin.ru/site_resources/htmls/main_page.html Вот ссылка на ЦСС http://mail.avtodin.ru/site_resources/css/main_page.css

    Asked by Casufi,

    0 votes
    6 answers

  12. Firefox не отображает gif

    Всем привет, На wordpress-сайте http://dev12.softreactor.com/ под меню (выше текста "My 2011 Rhone Valley Food Trip") выводиться gif картинка <div id="div_WineBanner"> <a href="http://www.winearomas.com"> <img alt="http://www.winearomas.com" src="http://dev12.softreactor.com/wp-content/plugins/WineBanner/images/Winevibe_banner.gif" class=" ynvivaszqlddhasjiafu"> </a> </div> Проблема в том что на моем линуксе она НЕ отображается в Firefox 10.0.6 и нормально отображается в Opera, Konqueror. если туда прицепить другую картинку (не gif) - то она нормально отображается. В настройках Firefox я не нашел пункта вроде "не отображ…

    Asked by mstdmstd,

    0 votes
    5 answers

  13. Firefox не отображает изображения.

    Недавно столкнулся с такой проблемой. Firefox перестал отображать некоторые изображения. Причем не сразу, а после нескольких перезагрузок. При нажатии ctrl+F5 на некоторое время все приходило в норму, а потом изображения (фоновое изображение, прописанное через CSS) исчезало. Причем это не зависело от размера изображения, или его расположения. При удалении строчки из CSS приводило к тому, что переставало подгружаться другое изображение. И этот баг только Firefox. Я долго не мог понять в чем причина. Я проверял CSS и HTML валидатором, вставлял и удалял изображения. Ничего не помогало. Но вдруг я заметил, что забыл залить одну картинку, она особой роли не играла, поэтому я …

    Asked by Serlutin,

    0 votes
    5 answers

  14. Firefox не показывает border в списке

    Mozilla Forifox границы не показывает. В Opera и IE все нормально. Подскажите почему и как это исправить? Разметка: <td class="menu1"> <ul> <li> <a href="">menu 1</a></li> <li> <a href="">menu 2</a></li> <li> <a href="">menu 3</a></li> <li> <a href="">menu 4</a></li> </ul> В стилях: .menu1 ul { list-style: none } .menu1 ul li { border-bottom: 1 dotted #c0c0c0; padding:0; margin:0; line-height: 2em; } .menu1 ul a { text-decoration: none; color: #000066; display: block; } .menu1 ul a:hover { background: #F4F4F4; }

    Asked by nor4ik,

    0 votes
    5 answers

  15. firefox не понимает

    В общем вот сайт vinilloff.ru Захожу с мозиллы и при наведении на панель кнопок курсором, анимация появляется в верхнем левом углу экрана. В опере и хроме такого нет. Вот код: .left { display: table-cell; position: relative; width: 150px; height: 40px; background: transparent url(knopkaleft.png) no-repeat; color: #424242; vertical-align: middle; } .left span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent url(knopkaleft.png) no-repeat; background-position: -150px 0; opacity: 0; width: 150px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s…

    Asked by faradei21,

    0 votes
    13 answers

  16. firefox не правильно распределяет высоту таблицы

    Есть табличка, в опере и explore все нормально отображается, а в firefox 4.01 высоту распределяет неправильно. Нужно чтобы колонки №7 и №8 растягивались, а остальное было на месте. Помогите пожалуйста, проект сдавать надо, а тут это.... <table align="center" width="803" style="height:422px" border="1" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td colspan="3" height="100">№1 — высота 100px</td> </tr> <tr> <td width="151" height="53">№2 — высота 53px</td> <td width="428" height="500" rowspan="3">№3 — высота 500px</td> <td width="224" valign="top">№4 — высота 53px</td> </tr> …

    Asked by Angeli,

    0 votes
    2 answers

  17. firefox не хочет делать элементы inline

    Здравствуйте! Проблема следующая. Я пытаюсь сделать менюшку, для этого я использовал некий скрипт MenuMatic с просторов интернета. В этом скрипте меню лежит в контейнере ul, а его элементы в элементах списка li. Нужно, чтобы при сжатии страницы кнопки меню не переносились в строке. Для этого контейнеру я дал свойство white-space:nowrap, а элементам li, и ссылкам в них пытаюсь присвоить свойство display:inline; В хромиуме все работает как надо. А в файрфоксе меню продолжает переноситься. Причем, если я смотрю свойства объектов через инспектор, я вижу, что у элемента стиль отображения по прежнему block. Я пытался вводить стиль inline даже вручную в этом инспекторе, но он п…

    Asked by Hyperbread,

    0 votes
    5 answers

  18. Firefox скрывает картинку

    Привет, друзья. Есть такая страничка http://avtoport.tv/ Там почти ничего нет, но не в этом суть. Почти в самом начале страницы есть картинка <img src="/media/ads/banner1.png"> или <img src="/media/ads/banner.png"> — там ещё написано «Баннер 1920×190» (они в случайном порядке ставятся, но суть и не в этом). Если посмотреть html-код, то вроде всё ок. В хроме картинка есть. А вот в фаерфоксе почему-то её нет. Если смотреть фаербагом, то просто жесть какая-то. Failed to load и какой-то класс добавлен к тегу img неведомый. Если открыть напрямую, то всё открывается. Косяк точно не в веб-сервере, так как что на продакшене, где nginx и на девелоперском веб-сервере, в…

    Asked by Veseloff,

    0 votes
    4 answers

  19. FireFox таблицу криво отображает или у меня в коде ошибка ?

    Сверстал таблицу, с объединениями ячеек по вертикали там где надо rowspan, проверил во всех браузерах нормально отображается, в последней версии firefox таблица немного неккоректно отображается на скрине указал, Это баг у FireFox ??? Вот вдобавок код набранной таблицы прикладываю, проверял ошибок не нашел <table id="list-table"> <tbody> <tr> <th>Регион</th> <th>Город</th> <th>Сроки <br> доставки</th> <th>Способ доставки</th> </tr> <tr> <td>Алматы, Астана</td> <td>Алматы</td> <td>2-6 дней</td> <td>Курьерская служба</td> </tr> &l…

    Asked by ilyas,

    0 votes
    3 answers

  20. Firefox, Chrome разная высота поля ввода

    Неактуально. Удалите тему, пожалуйста.

    Asked by Charm0nt,

    0 votes
    0 answers

  21. Firefox, высота таблицы и размер содержимого

    Добрый день! Есть таблица, в которой 1 строка произвольной высоты. Все остальные - фиксированные. В ячейке этой строки находится дивка. У неё может быть произвольное содержимое и надо, чтобы появлялись полосы прокрутки. Всё работает в ие6, опере, хроме. Но фф просто растягивает таблицу так, чтоб уместить всю дивку в ней, полосы прокрутки появляются тлько если фиксировать её размер (а надо, чтоб она была на всю ячейку, т.к. у ячейки может быть произвольная высота). по коду получается так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title…

    Asked by prichvm,

    0 votes
    16 answers

  22. FireFox: растягивание ячейки содержимым при overflow:auto

    Доброго времени суток. Заранее прошу простить, если подобный вопрос уже встречался здесь - значит я просто не сумел толково воспользоваться поиском - найти ответ не удалось. Итак, суть вопроса: <table style="height:100%; vertical-align: bottom;"> <tr> <td style="overflow: auto;"> <div style="height:100%;"></div> </td> </tr> <tr><td style="height: 200px;"></td></tr> </table> Цель (что нужно получить): Таблица во всю высоту height:100%. Имеет нижнюю строку с фиксированной высотой 200 пикселей. Нижняя строка примыкает к нижнему краю экрана vertical-align: bottom. Верхняя строка занимает все ост…

    Asked by Takker,

    0 votes
    1 answer

  23. FireFox?

    Вот такой кодег: <table border=0 cellpadding=0 cellspacing=0> <tr><td><img src='lt.png'></td><td style='background-image: url(ht.png);' /></td><td><img src='rt.png'></td></tr> <tr><td style='background-image: url(vl.png);'></td><td><img src='./images/$result[image]' width=200></td><td style='background-image: url(v.png);'> </td></tr> <tr><td><img src='lb.png'></td><td style='background-image: url(h.png);'></td><td><img src='rb.png'></td></tr> </table> В IE отображается четко. FireFox под к…

    Asked by pavelvolya,

    0 votes
    2 answers

  24. Firefox. Инструменты адаптивного дизайна. Изменение размеров

    В Firefox жмакаешь "Ctrl + Shift + M" - открывается панель адаптивного дизайна, можно менять размер области отображения. А в левом верхнем углу появляются цифры, которые отображают ширину и высоту этой области. Так вот, я только что заметил, что там цифры неправильные. Задал фиксированную ширину блоку 1600px, начал уменьшать область. Когда стала видна только эта область, то Firefox мне показал, что около 1450px вместо 1600px. Я подумал, что за дела, может быть, я что-то где-то забыл или пропустил ошибку. Но нет. Скачал расширение для браузера (Resizer) и оно мне показало именно "правильные" 1600, а не меньше или больше. Что я делаю не так?

    Asked by binomer,

    0 votes
    5 answers

  25. first-child

    Доброго времени суток! Помогите, пожалуйста, разобраться в проблеме с first-child… Имеем CSS: .photo .post-title * { display: none; } .photo .post-title :first-child { display: block !important; } .photo .caption { display: block; } .photo .caption > :first-child { display: none !important; } А также HTML: <div class="photo"> <div class="post-title"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> <div class="caption"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> </div> Я планировал, что в случае с post-title должен выводиться исключительно заголовок 1 (заголовок 2 скрыт), а в сл…

    Asked by ZABor,

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