HTML Coding

29542 questions in this forum

1. Подключение шрифтов в Андроид

   Уважаемые коллеги! Умоляю помогите. Завтра сдавать сайт заказчику, а сайт криво показывается в мобильном. Смысл в том, что съезжает вёрстка по той причине, что не подключается шрифт Segoe UI. Точнее на компьютере то везде прекрасно всё подключается и работает, а вот если зайти с телефона то вылетает стандартный шрифт. Это наблюдается как в стандартном андроидовском браузере, так и в хроме так и в опере, и только фаерфокс нормально показывает нужный шрифт. На компе повторюсь всё отлично. Я сконвертировал во все форматы, а фонт фейс прописал вот так @font-face { font-family: Segoe UI; src: url(../fonts/SegoeUI.svg#font) format('svg'), src: url(../fonts/SegoeUI.eot) format('…

   Asked by PavelK, October 30, 2013

   0 votes
   6 answers
2. input type=checkbox" checked="checked" на мобильных

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

   Asked by Светлана Г., March 2, 2015

   0 votes
   6 answers
3. Горизонтальная прокрутка (white-space)

   Доброго дня уважаемое сообщество. Столкнулся с неприятным нюансом и очень нужна помощь. https://jsfiddle.net/96o200ds/2/ Для горизонтальной прокрутки у меня блок .overview имеет white-space: nowrap; (Потому что если не поставить так, тогда горизонтальная прокрутка не появится, а контент будет идти себе по высоте вниз). Выставить четкую ширину (например: 2000px ) я не могу, так как ширина контента динамическая. Проблема в том, что контент не хочет выстраиваться на всю высоту и идти себе по ширине дальше, за границы видимого блока, а выстраивается в одну строчку. Можно ли сделать так, чтобы контент заполнял всю высоту и дальше выстраивался себе в ширину? П.С.…

   Asked by Velidan, August 12, 2015

   • white-space
   • прокрутка горизонтальная
   • высота
   0 votes
   7 answers
4. Посоветуйте, как скрыть несколько рядов таблицы.

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

   Asked by Alexey Menshikov, December 24, 2008

   0 votes
   8 answers
5. тег <p>

   я всегда использовал тег <p> Пример: <p>Обновлена информация в разделе <a href="http://cmonet.ru/index.php?option=com_content&view=article&id=160&Itemid=51">Монеты на обмен</a> появилось 11 новых монет на обмен.</p> <h2>2 рубля:</h2><p><b>Сталинград</b> 2000 и <b>Гагарин</b> 2001 две штуки.</p> <h2>10 Рублей:</h2><p><b>Вооруженные силы</b> РФ 2002, <b>Старая Русса</b> 2002, <b>Министерство Иностранных дел</b> РФ 2002, <b>Ряжск</b> 2004, <b>60 лет Победы</b> 2005, <b>Республика Калмыкия</b> 2009…

   Asked by ghost, February 25, 2011

   0 votes
   7 answers
6. 2 вопроса по CSS

   Вопрос: 1 У меня тут таков вопрос как сделать по типу списка в блоке типо: ? Меню ? - моя стрелочка (картинка) Меню - текст ! если не понятно вот скрин: http://s017.radikal.ru/i443/1203/3e/700365f6bfa9.png Вопрос: 2 короче у меня такая проблема как бэ как сделать так что-бы сайдбар и контент прижимался к футеру а то у меня такая фигня получаеться 1. http://s018.radikal.ru/i500/1203/7a/8f0a3ed8651c.png 2. http://s001.radikal.ru/i193/1203/92/4c697aab143d.png ПРоблема в том щито у меня ещё бордер прописан на контент так вот он не до конца доходит

   Asked by vasa3000, March 5, 2012

   0 votes
   6 answers
7. Заполнить резиновый контент картой

   Ребята доброго времени! Строго не ругайте, html далеко не мой конек, новичок прошу помощи.. Помогите пожалуйста с шаблоном, резиновый шаблон, футер прижат к низу страницы, всё работает как мне кажется хорошо. Но в центральную часть (зеленую) нужно вставить карту размером на всю зеленую область, и чтобы она тянулась при изменении размеров окна, и чтобы она не заезжала под/на правый блок и другие блоки. Как это реализовать? Блок карты не реагирует на размеры 100%, только на фиксированный размер в пикселях, а если поставить 100% то она просто исчезает. Если можно такое сделать хотя бы для Google Chrome, буду безмерно счастлив. То, с чем мучаюсь прикл…

   Asked by Divnenkiy, July 2, 2016

   • div
   • google map
   • html 5
   • css
   0 votes
   12 answers
8. Нужно ли загрывать тег meta

   Нужно ли закрывать мета-теги при вот таком доктайпе <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

   Asked by Veseloff, January 12, 2009

   0 votes
   3 answers
9. Image position

   Пожалуйста помогите мне определить img от левого края. Никак ни могу разобраться в стилях, или точней не знаю их. Если можете, покажите пожалуйста код.

   Asked by Zarina, September 13, 2009

   0 votes
   7 answers
10. Еще вопросик про яндекс метрику

    Если я ставлю на отправку данных цель для яндекс метрики, а форма обрабатывается с помощью ajax запроса, а также java скрипта на валидность данных. Метрика не посчитает отправку успешной при невалидности данных форм? Кстати ее ведь можно по идее вынести в отдельный файлик script.js весь код метрики и уже там на успешном submite ajax повесить цель яндекс метрики? Чтобы не прописывать onsubmit в хтмл? Кто-нибудь делал так? Сейчас не могу оттестить, боюсь лопатить готовый код сайта (... Плюс почему-то данные конверсии цели обновляются с большой задержкой - я аж не пойму, какой именно скрипт у меня сработал. а какой нет(... Поэтому и спрашиваю тут.

    Asked by Zverushka, November 1, 2013

    0 votes
    5 answers
11. Помогите с написанием формы

    Помогите пожалуйста с написанием форми. Попробую объяснить суть. сайт делится на страницы. напр. АР Крым, Киев, Донецк, Луганск. При нажатии ссылки АР Крым->Сделать заказ, переходим на страницу с формой заказа. С полями: Область Тип заказа Ф.И.О .... Как сделать так, что бы не создавать для каждого региона отдельную форму, а при переходе с других областей автоматически вводило нужную область в строку город (при переходе с Луганской обл. Область: Луганская)?

    Asked by Alex&R, December 9, 2009

    0 votes
    12 answers
12. Как правильно создавать адаптивную карту изображения?

    Столкнулся с довольно простой задачей. Есть картинка с планом здания, там есть комнаты, они не все квадратные, некоторые неправильной формы. Соответственно нужно при наведение на некоторую комнату затенить область. На выбор были Canvas, SVG и Map, я решил использовать SVG. Все оказалось весьма просто, нарисовать через path комнаты, добавить на :hover затенение и отлично, однако возникла проблема. Стало необходимо ресайзить SVG не только с нарисованными областями, но и с картинкой на background. Вот пример http://codepen.io/anon/pen/WvXqOd

    Asked by CAMOKPYT, June 25, 2015

    • svg
    • canvas
    • map
    • img
    0 votes
    7 answers
13. Как отменить срабытывание скрипта при разрешении экрана свыше 768px?

    https://jsfiddle.net/Delat/L9z4hhrx/15/ До 768px скрипт работает как слайдер и это правильно. Но вот не получается запретить с помощью стилей срабатывание стиля при разрешении 768px и выше. Может быть это в принципе нельзя сделать в стилях? Необходимо чтобы при разрешении свыше 768px (включительно), блоки <li> были списком расположенные по горизонтали.

    Asked by Delat, February 10, 2017

    0 votes
    8 answers
14. Растягивание таблицы в опере при восстановлении окна

    В опере наблюдается глюк, когда при уменьшении размеров окна, таблица растягивается в высоту вместе с ее содержимым, а при восстановлении окна - остается такой же растянутой и не сужается по содержимому, как это делает експлорер, т.е. появляется куча свободного пространства в ячейках. Можно ли решить эту проблему? Вот код страницы: <html> <style media=screen> a.menu {color: green; text-decoration: none} a.menu:visited {color: green; text-decoration: none;} a.usual {color: blue; text-decoration: none;} a.usual:visited {color: purple; text-decoration: underline;} table {table-layout: auto; font-family:arial; font-size:10pt; font-color:black;} .selected_e…

    Asked by vm45s02, September 27, 2007

    0 votes
    3 answers
15. Задание цвета ячейки через стили - Мозилла не видит цвет

    Здравствуйте! Помогите пожалуйста решить проблему! Есть файл mysite.css body { margin: 0px; padding: 0px; background-color: #E9FDF0; line-height: 1.5em; text-align: justify; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 12px; } td { background-color: #E9FDF0; line-height: 1.5em; text-align: justify; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 12px; } td.1 { background-color: #336666; line-height: 1.5em; text-align: justify; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 12px; } td.2 { background-color: #C4D8CB; line-height: 1.5em; text-align: justify; …

    Asked by sk16rus, April 30, 2008

    0 votes
    4 answers
16. png fix

    Есть такая штука iepngfix.htc для IE6, так вот с ней не нажимаются ссыдки если фон png, типо в Интернете пишут что нужно назначит position:relative и всё заработает. Я назначил position:relative на всё, на сами ссылки и на родительский div и на <ul> <li> и нифига не нажимаются всё равно. Проверяю в IETester.

    Asked by SoFuWa, August 23, 2010

    0 votes
    12 answers
17. Лишние отступы и проблема с border+z-index в IE7

    Здравствуйте. Есть непростое меню, где элементы при наводке увеличиваются, занимая часть пространства соседнего элемента. Вот оно: http://atm-book.ru/test/1/ Сделано это с помощью абсолютного позиционирования. Проблема в том, что в IE7 появляется нижний отступ при наводке на элемент и видна верхняя рамка нижнего элемента, не смотря на то, что z-index'ом однозначно указано, что элемент при наводке находится выше остальных. Естественно, что во всех нормальных браузерах всё работает как надо. Код HTML: <ul class="main_menu"> <li><a href="#">Новости</a></li> <li><a href="#">Новости</a></li> <li><a href="#"&gt…

    Asked by TMGLUK, April 11, 2011

    0 votes
    2 answers
18. Какой HTML5 видео плеер является лучшим?

    Здравствуйте! На данный момент занимаюсь изучением тега <video> (html5) и всему, что с ним связано. Пытаюсь разобраться, как всё это дело организовать наилучшим образом и столкнулся(по ходу дела) с определёнными трудностями: Не удаётся найти адекватный(человеческий) плагин! (Понимаю что на первый взгляд - это может звучать довольно странно.) Перепробовал практически все варианты по следующим ссылкам: http://www.dejurka.r...-video-players/ http://womtec.ru/201...-video-players/ + 2 дополнительных варианта: http://www.codoplayer.com/ http://uppod.ru/ Как правило во всех источниках(кроме последней ссылки) описания идут на инглише(в этом к сожалению пока не силен!) Инт…

    Asked by Yamaradg, May 8, 2013

    0 votes
    9 answers
19. Как сделать калонку с закругл?нными краями Правельно

    Люди дайте пример в?рстки в css калонки(к примеру) с закругл?нными краями.... Ато мой способ неподходит ......

    Asked by antonP, February 22, 2008

    0 votes
    6 answers
20. Проблема в IE 6

    Здраствуйте, есть вопрос по верстке. Есть форма, в ней есть как и выпадающие списки, так и просто текстовые поля. У них имеется один и тот же класс, в результате они получаются одинаковой ширины и обрамление поля серое. В FF и Opera поля одинаковые, а в IE6 отображаются по разному, у выпадающего списка и текстового поля ширина разная и обрамление тоже. Вот код: CSS: .big{ width: 260px; border: 1px solid; color: #666666; background: white; }

    Asked by udodirc, August 17, 2010

    0 votes
    10 answers
21. Кроссбраузерное выпадающе меню без хаков только на css

    Обычно выпадающие меню на css, которые я нахожу в Интернете, сделаны таким образом, что на IE6 они работают с разными заплатками-хаками-javascript-приладами. Не знает ли кто такое меню, которое идеально работало на чистом css в Internet Explorer 6?

    Asked by clavin, October 14, 2010

    0 votes
    4 answers
22. в хроме и ie блочные элемент съезжает

    Доброго времени суток. Попытался сверстать страничку, в Лисе вроде нормально отображается, в Опере тоже, в Хроме горизонтальное меню то ли съезжает, то ли расплющивается (при изменении масштаба точно), в IE7 аналогичная история, ну и плюс элементы одного из списков почему-то располагаются вертикально, притом том что тегам li установлен float:left. http://test3.22web.net/ ссылка на страничку дабы вам было удобнее. Укажите пожалуйста на мои ошибки, и подскажите как решить. Заранее спасибо. p.s. firebug так и не подсказал, видимо я не туда смотрел

    Asked by eared, December 1, 2011

    0 votes
    10 answers
23. IE неверно отображает список

    Почему-то Интернет эксплорер отображает маркированный список на странице без маркеров и без интервалов между пунктами списка. А вот Опера отображает его почти правильно. Только вот в стиле указан маркер disk, а браузер отображает маркеры как square. Вот код списка: <ul> <li><a href="http://ansaldovei.ru/rus/18/">Статические тиристорные компенсаторы реактивной мощности - СТК (Фильтро-компенсирующие устройства - ФКУ, Тиристорные компенсаторы реактивной мощности - ТКРМ)</a> <br/> </li> <li><a href="http://www.ansaldovei.ru/rus/25/">Управляемый шунтирующий реактор трансформаторного типа - УШРТ</a> </li&g…

    Asked by andrystepa, September 12, 2012

    0 votes
    9 answers
24. Позиционирование текста на шапке

    Здравствуйте! Прошу помощи у Вас. Есть шапка сайта,на ней расположен текст,при просмотре сайта в полном окне все нормально,но стоит уменьшить окно браузера,то надпись на шапке съезжает,не знаю вот как решить эту проблему,пример на скриншоте: 1 - полное окно браузера,надпись "название автошколы" там где надо. 2 - уменьшенное окно,надпись уезжает вверх. HTML: <div id='header'> <img src='/img/logo.jpg' width='100%'> <div id='textlogo'> <h1 class='name'>Название автошколы</h1> <h1 class='addres'>(495)321-21-12</h1> </div> CSS: #textlogo h1.name { margin: 0; padding: 0; font-size: 240%; position: relative; …

    Asked by Allan, November 13, 2012

    0 votes
    6 answers
25. выступающая закладка

    Привет народ. Оч нужна помощь. Проблема с выступающей закладкой в меню. Нужно чтобы активное меню вылазило вверх на 3 пункта. Проблема решается добавлением position:relative; но при этом при изменении размеров окна в IE меню сдвигается. Если убрать position:relative; то в IE6 выступающей части не видно Помогите плиииизз решить эту проблему. Код прилагаю: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> #Header { clear:both; float:left…

    Asked by Ladoga, August 6, 2007

    0 votes
    5 answers