HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
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…
0 votes12 answers -
Firefox и локальный css
Возможно ли научить Firefox применять к определённой странице стили из файла css, находящегося на локальном диске, как это умеют opera и Safari?
0 votes4 answers -
FireFox изменение ширины блока при отрицательных значениях margin и padding
В FireFox происходит изменение ширины пункта меню. Тут пример кода. В Опере и других браузерах выглядит так: В FireFox: Подскажите, пожалуйста, решение или направление куда думать.
0 votes2 answers -
firefox или кривые руки
Доброго времени! Вот код: http://jsfiddle.net/Z6L4r/ в ff 24 (kubuntu) ссылка Help отображается внизу header-а, хотя должна быть с отступом в 10px сверху (примерно по центру header-а) opera, chromium - все нормально. Подскажите решение, пожалуйста. Спасибо.
0 votes1 answer -
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; …
0 votes3 answers -
Firefox коряво отображает png-картинки
В Firefoxe коряво отобрадаются png-картинки: Картинка сама по сбе отображается,но вокруг появляется невнятьная рамка.Создается впечатление что картинка немного вдавлена.И в левом верхнем углу появляется маленькая пиктограммка: маленький листочек с завернутым углом. Такое происходит когда картинка загружается на сервер.На винте все нормально. Картинку вставляю так
0 votes3 answers -
Firefox криво распознает display: table-cell;
Верстал под Chrome, надо было, чтобы текст в диве выравнивался по вертикали. Настроил, открываю Firefox, а там вот что: Все куда-то уехало за пределы страницы... Гуглеж не дал мне никакого фикса для этого. Вот ссылка на сам сайт, можете посмотреть. Вот. Тут все отображается нормально. Это ужас. Причину не могу выяснить.
0 votes14 answers -
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…
0 votes2 answers -
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"> ФФ не применяет дополнительную таблицу стилей, при отключении доктайпа все работает, но появляются проблемы кроссбраузерности. Честно говоря, от мазилы я такого просто не ожидал, как с этим бороться поняния не имею, может кто то сталкивался с подобной проблемой? помогите плиз. За ранее всем спасибо! З.Ы. Может дело в Ц…
0 votes5 answers -
Firefox не может width у input type="file"
Собственно, сабж. Что делать? Атрибут size в html5 у file запрещен.
0 votes1 answer -
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
0 votes6 answers -
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 я не нашел пункта вроде "не отображ…
0 votes5 answers -
Firefox не отображает изображения.
Недавно столкнулся с такой проблемой. Firefox перестал отображать некоторые изображения. Причем не сразу, а после нескольких перезагрузок. При нажатии ctrl+F5 на некоторое время все приходило в норму, а потом изображения (фоновое изображение, прописанное через CSS) исчезало. Причем это не зависело от размера изображения, или его расположения. При удалении строчки из CSS приводило к тому, что переставало подгружаться другое изображение. И этот баг только Firefox. Я долго не мог понять в чем причина. Я проверял CSS и HTML валидатором, вставлял и удалял изображения. Ничего не помогало. Но вдруг я заметил, что забыл залить одну картинку, она особой роли не играла, поэтому я …
0 votes5 answers -
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; }
0 votes5 answers -
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…
0 votes13 answers -
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> …
0 votes2 answers -
firefox не хочет делать элементы inline
Здравствуйте! Проблема следующая. Я пытаюсь сделать менюшку, для этого я использовал некий скрипт MenuMatic с просторов интернета. В этом скрипте меню лежит в контейнере ul, а его элементы в элементах списка li. Нужно, чтобы при сжатии страницы кнопки меню не переносились в строке. Для этого контейнеру я дал свойство white-space:nowrap, а элементам li, и ссылкам в них пытаюсь присвоить свойство display:inline; В хромиуме все работает как надо. А в файрфоксе меню продолжает переноситься. Причем, если я смотрю свойства объектов через инспектор, я вижу, что у элемента стиль отображения по прежнему block. Я пытался вводить стиль inline даже вручную в этом инспекторе, но он п…
0 votes5 answers -
Firefox скрывает картинку
Привет, друзья. Есть такая страничка http://avtoport.tv/ Там почти ничего нет, но не в этом суть. Почти в самом начале страницы есть картинка <img src="/media/ads/banner1.png"> или <img src="/media/ads/banner.png"> — там ещё написано «Баннер 1920×190» (они в случайном порядке ставятся, но суть и не в этом). Если посмотреть html-код, то вроде всё ок. В хроме картинка есть. А вот в фаерфоксе почему-то её нет. Если смотреть фаербагом, то просто жесть какая-то. Failed to load и какой-то класс добавлен к тегу img неведомый. Если открыть напрямую, то всё открывается. Косяк точно не в веб-сервере, так как что на продакшене, где nginx и на девелоперском веб-сервере, в…
0 votes4 answers -
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…
0 votes3 answers -
Firefox, Chrome разная высота поля ввода
Неактуально. Удалите тему, пожалуйста.
0 votes0 answers -
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…
0 votes16 answers -
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. Верхняя строка занимает все ост…
0 votes1 answer -
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 под к…
0 votes2 answers -
Firefox. Инструменты адаптивного дизайна. Изменение размеров
В Firefox жмакаешь "Ctrl + Shift + M" - открывается панель адаптивного дизайна, можно менять размер области отображения. А в левом верхнем углу появляются цифры, которые отображают ширину и высоту этой области. Так вот, я только что заметил, что там цифры неправильные. Задал фиксированную ширину блоку 1600px, начал уменьшать область. Когда стала видна только эта область, то Firefox мне показал, что около 1450px вместо 1600px. Я подумал, что за дела, может быть, я что-то где-то забыл или пропустил ошибку. Но нет. Скачал расширение для браузера (Resizer) и оно мне показало именно "правильные" 1600, а не меньше или больше. Что я делаю не так?
0 votes5 answers -
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 скрыт), а в сл…
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-