HTML Coding

29,542 questions in this forum

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

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

   Asked by binomer, June 28, 2014

   0 votes
   5 answers
2. Увелечение размера блока товара при hover

   Всем привет! Ломаю голову как можно сверстать страницу товаров интернет магазина на котором при наведении на блок товара, размер блока увеличиваеться по 20px по краям(составляя 40 пикселов). Более конкретно: Сам блок с размером 163px. С помощью inline-block выстроен в ряд. Естественно при изменении размера, нарушаеться сетка. Дорогие друзья, что можно делать в этом конкретном случае чтобы сетка не нарушалась?

   Asked by parnas, June 28, 2014

   0 votes
   5 answers
3. ошибка валидации для MAP

   помогите пожалуйста понять суть ошибки html: <img class="logo_pic img-responsive" src="images/logo.png" alt="logo" usemap="#link_index" /><map name="link_index"> <area shape="rect" coords="1, 1, 400, 480" href="index.html" alt="" /></map> валидатор ругается: Bad value 1, 1, 400, 480 for attribute coords on element area: Expected a minus sign or a digit but saw instead.не понимаю что нужно исправить

   Asked by cyklop77, June 29, 2014

   0 votes
   5 answers
4. убрать нижний скролл

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

   Asked by cyklop77, June 29, 2014

   • bootstrap
   0 votes
   6 answers
5. Как сверстать блок с табами с эффектом слайдинга

   Есть блок с описаниями товаров. Информация разделана на три составлющие как и в tabbed interface. Только при переключении между табами должно произойти плавно с эффектом горизонтального слайдинга. Даже затрудняюсь делать разметку. Помогите пожалуйста с разметкой и скрипта. Спасибо.

   Asked by parnas, June 29, 2014

   0 votes
   8 answers
6. неполная высота меню

   помогите пожалуйста показать полностью выпадающее меню на странице при малой ширине экрана меню преобразуется в пиктограмму "НАВИГАЦИЯ". после клика по этой пиктограмме меню разворачивается, но не полностью(чтобы увидеть нижние пункты нужно тянуть левый скролл) проблема в том, что я хотел бы чтобы после клика по пиктограмме "НАВИГАЦИЯ" меню показывалось полностью и скролла не было при этом версия этого же кода, залитая на фиддл не имеет описанной проблемы

   Asked by cyklop77, June 29, 2014

   • bootstrap
   0 votes
   4 answers
7. Проблема - Мобильная верстка, viewport, iPhone

   Всем добрый день. Следующая проблема: Верстаю сайт http://bitportal.mobi/ под моб устройства. Указываю тег <meta name="viewport" content="width=480, target-densitydpi=device-dpi">и на андроиде 480*800 все работает ок, а на айфоне (тестировал в сафари на iPod touch 4gen) - сайт зазумленный. На сколько я смог нагуглить - проблема в том, что у айфона Но вот что делать с проблемой - нагуглить не смог Плиз помогите, как заставить айфоновский сафари отображать без зума страничку

   Asked by MageMerlin, June 29, 2014

   0 votes
   2 answers
8. Скрытие элемента в мобильном браузере

   В файле css прописал такое: @media handheld {.share {display:none;}} Но блок .share продолжает отображаться при просмотре со смартфона. Что неправильно ?

   Asked by kpripper, July 1, 2014

   0 votes
   5 answers
9. msie

   Здравствуйте. Мне нужно сверстать сайт под последнюю версию IE. Но у меня стоит XP (максимум могу увидеть с IE8). Поэтому интересует есть ли чтото наподобие browsershots.org, чтобы была возможность сделать скриншот из ie10+?

   Asked by psics, June 30, 2014

   0 votes
   2 answers
10. Внутреннее свечения средствами css

    День добрый! Подскажите, пожалуйста, каким образом можно сверстать вот такой блок, состоящий, по сути, из трех блоков, средствами css? В ступор ввело то, что тенюшка внутри блоков сделана внутренним и внешним свечениями. Картинками верстать не очень бы хотелось.

    Asked by Xenia Wanger, June 30, 2014

    • внутреннее свечение Css
    0 votes
    3 answers
11. Проблема с меню

    Здравствуйте у меня проблема с меню вернее с текстом при одних и тех же правилах CSS он отображается по разному в Mozilla Firefox, Opera, Google Chrome, Safari, Internet Explorer (9,10) вот ссылка на сайт http://just-example.url.ph/ В Safari больше всего проблем там вообще что-то непонятное творится с padding помогите пожалуйста розобраться

    Asked by Kenpati, June 30, 2014

    0 votes
    6 answers
12. Как узнать, с какой скоростью пользователь загружает страницу?

    Собственно, сабж. Ну, например, для того, чтобы заменить фоновую картинку одним цветом и т.д. 1. Возникло предположение отталкиваться от размеров экрана (media queries). Но те же телефоны можно использовать на улице с мобильным интернетом, а можно дома с достаточно быстрым беспроводным соединением. С другой стороны, все же можно говорить, что чем меньше экран, тем проще надо отдавать версию страницы. 2. Дальше атрибут media="handheld". Но на хабре прочитал, что этот атрибут может не поддерживаться современными устройствами. 3. Также можно написать спец. мобильную версию и предоставить пользователю выбор. 4. Определение UserAgent. Но насколько я понял, это можно сд…

    Asked by binomer, June 30, 2014

    0 votes
    3 answers
13. Filter shadow, наследование и 8 ослик

    Есть див с текстом и в нем ссылка. Применяя ie filter shadow к блоку, имеем тень и на тексте ссылки тоже (и на любых других элементах, собственно). Нехорошо. Параметр enabled=false к стилям ссылки - не помогает. Что можно сделать?

    Asked by Destrifer, June 30, 2014

    0 votes
    1 answer
14. Проблема с блоками

    Есть сайт http://texteredsa.besaba.com/ left-bar имеет 10% ширины righr-bar 12% content 78% а почему контент заходит и на левый и на правый bar?

    Asked by WEB-best, June 30, 2014

    0 votes
    2 answers
15. Скачет шапка статичного сайта

    Столкнулся с такой проблемой: имеется статичный сайт, но при переходе по ссылке "Наверх" страницы, шапка смещается. Вот ссылка для просмотра: http://opengorizont.ru/document/kruticy.php В чем проблема - ни как не пойму. Помогите, пожалуйста, собственных сил не хватает.

    Asked by wodan, June 30, 2014

    0 votes
    4 answers
16. Фиксированное позиционирование и скроллинг

    Приветствую, посоветуйте, пожалуйста, как исправить проблему фиксированного позиционирования и скроллинга. Имеется двухколоночный макет шириной 1270px, левая колонка шириной 245px фиксирована (необходимо чтобы при прокрутке страницы вниз/вверх содержимое колонки оставалось на своем месте). Суть проблемы в том, что если страница по ширине не помещается целиком в окно браузера, при прокрутке страницы вправо, текст правого блока наезжает поверх фиксированного левого блока. Спасибо.

    Asked by nouscode, July 1, 2014

    0 votes
    1 answer
17. Какие сеточные системы сейчас актуальны?

    Здравствуйте. Раньше, видел много материалов-обзоров по сеточной системе grid960. Актуальна ли эта тема сейчас, стоит ли с ней знакомиться? Как я понимаю, ее главная проблема, в том, что она не позволяют делать резиновую верстку. Есть ли аналоги, с возможностью делать "резину". Что вы использовали и можете рекомендовать?

    Asked by Yurij98, July 6, 2014

    • сетки grids
    0 votes
    1 answer
18. Не убираеться текст с помощью text-indent

    Всем привет. Не могу убрать текстсо ссылки с помощью отрицательного text-indent а чтобы только фон остался. Помогите пожалуйста. В чем баг. http://jsfiddle.net/parnas/kG5Ty/

    Asked by parnas, July 1, 2014

    0 votes
    2 answers
19. Помогите с СSS

    На сайте в самой левой части экрана - есть меню (многолетники и т.д.)http://p.mordovia-sutochno.ru/content/hosta-gibridnaya-samuray Если монитор маленький - его не видно. Т.е. если мы медленно сужаем окно. Меню пропадает. Меню должно вести себя, как на этом сайте - http://mirtamebel.ru/catalog-mirta/aliviya-m-ugol-veneciya.html

    Asked by 561144, July 1, 2014

    0 votes
    3 answers
20. z-index в ie6

    Добрый день. Подскажите пожалуйста как победить z-index в ie6? Но что бы валидатор не паниковал. Спасибо.

    Asked by Ururu, July 1, 2014

    0 votes
    4 answers
21. Расположить изображение

    Всем привет. Нужно расположить изображение, как на рисунке. Справа внизу. Проблема в том, что контент может быть разной высоты, внутрь меню тоже не засунуть, меню фиксированной высоты. Position: relative создаёт полосу в контенте. Float: left располагает изображение поверх контента слева от меню. Есть идеи? Заранее спасибо.

    Asked by Serg@NT, July 1, 2014

    • вёрстка
    • CSS
    • HTML5
    0 votes
    10 answers
22. jQuery UI Slider: Ползунок выходит за пределы трэка

    Добрый день. Ползунок в jquery ui slider в крайних положениях уходит за пределы трэка ровно наполовину. Какие есть варианты, чтобы он оставался внутри? Ссылка на сайт: http://testing.site-services.ru/

    Asked by Vitalya T, July 1, 2014

    • slider
    • jquery-ui
    • jquery
    0 votes
    3 answers
23. Не отображается в хроме шрифт Campus

    Есть шрифт Campus(можете скачать http://www.photoshop-master.ru/adds.php?subrub=34&id=3462), в формате .ttf он отображается только в Opere, а конвертировал в .woff, то вообще не отображаться на странице, может у кого то возникала такая проблема или знает как решить, буду признательным

    Asked by andrdov, July 1, 2014

    • opera
    • chrome
    • шрифт
    • campus
    0 votes
    5 answers
24. Как сделать чтобы при нажатии input не вылезала клавиатура на мобильных устройствах?

    У меня есть поле инпут с датой. При нажатии на него вылезает jquery календарь в котором выбирается дата. А на мобильном устройстве при нажатии вылезает клавиатура закрывая собой открывшийся календарь. Ка сделать так, чтобы клавиатура не вылезала при нажатии на этот инпут?

    Asked by Frie, July 1, 2014

    • input
    • мобильные устройства
    • клавиатура
    0 votes
    10 answers
25. Pager на CSS для карусел

    Всем привет! Как можно создать такой pager для карусел. Спасибо заранее!

    Asked by parnas, July 1, 2014

    0 votes
    4 answers