HTML Coding

29542 questions in this forum

1. Проблема с картинкой

   Добрый день! Подскажите пожалуйста причины по которой созданная в фотошопе картинка не отображается на сайте в онлайн, хотя в оффлайне все нормально. Браузер один и тот же - Хром. Пробовал менять разрешение jpg, gif. Сохраняю картинку в фотошопе для ВЭБ и обычным способом - все бестолку. Фото прилагаю. Спасибо за помощь.

   Asked by sergio1980, May 25, 2015

   0 votes
   9 answers
2. Коварность navbar от bootstrap 3

   Здравствуйте. Возникла забавная ситуация с превращением сайта в адаптивный. Чтобы добиться свертывания категорий на узком экране я превратил их в компонент navbar. На узком экране(уже 768 пикс) они прячутся под словом "Категории +" Навбар заработал, но сама ссылка, по которой кликают, чтобы увидеть подкатегории, оказалась некликабельна и стала выполнять роль только кнопки, развертывающей список подкатегорий. Как сделать расскрывающийся список категорий товаров на бутстрапе 3 так, чтобы и категории прятались, и категория их раскрывающая оставалась кликабельна? Вариант показывать все категории и подкатегории сразу раскрытыми не предлагать Наверно надо треугольные стр…

   Asked by borus, May 26, 2015

   0 votes
   3 answers
3. Как корректно применить обводку к блоку?

   Добрый день. Нужно расположить два блока параллельно относительно друг друга, с этим я справился скриншот ниже: Но дальше нужно добавить линию, которая будет идти до самого низа, скриншот ниже: (Добавил обводку и параллельность блоков пропала) Но даже если добавить обводку к какому-либо блоку, то этого будет не достаточно, т.к. один из блоков может быть длиннее или короче в результате чего линия не будет идти до самого низа, ниже пример, что я пытался донести: И ссылочка на код http://jsfiddle.net/6qfg1vm8/ Ка быть, господа?

   Asked by perec200, May 26, 2015

   • html
   • css
   0 votes
   6 answers
4. Тянущиеся блоки

   Всем привет. Столкнулся с такой проблемой http://take.ms/7rC84есть конструкция из 3х частей. все три могут динамически менять ширину. изначально должно все выглядеть как на скрине выше, тоесть растягиваться на ширину контента блоков. при изменении контента все должно красиво тянуться, вот так - http://take.ms/MOUFg тут все ясно, куча вариантов реализации... но дальше начинается веселье. важно что здесь текст должен быть только в одну строку. при достижении ширины родительского блока наша конструкция должна перестать увеличиваться в ширине (ну типа max-width:100%) и в центральной колонке текст который не влазит должен обрезаться и ставится в конце троеточие, типа так - …

   Asked by Z1gnet, May 26, 2015

   0 votes
   3 answers
5. @font-face не работает на локальном сервере

   @font-face { font-family: 'Intro'; src: local('Intro'), local('Intro Regular'), url('fonts/intro.woff') format('woff'); font-weight: normal; font-style: normal;}@font-face { font-family: 'Intro'; src: local('Intro'), local('Intro Regular'), url('fonts/intro-inline.woff') format('woff'); font-weight: 700; font-style: normal;}Вот хоть расшибись в лепешку, а на локальный сервер не подгружает шрифты. При этом на хостинге всё работает без проблем. Погуглил и ничего не нашел. Может кто знает в какую сторону копать?

   Asked by Coder_D, June 1, 2015

   0 votes
   2 answers
6. что за эффект

   http://www.agence-belle-epoque.fr/ когда секция загрузилась, заголовок плавно появляется(заполняется), не знаю как обьяснить. как это реализовано? кто нибудь знает?

   Asked by raptor-dm, May 27, 2015

   0 votes
   6 answers
7. Кнопка со скрытым текстом

   Друзья, посоветуйте как правильно оформить кнопку, чтобы по клику выезжал скрытый текст. Что нибудь в виде этого Пытаюсь модифициолвать этот код <a href="javascript:sh()">Заказать звонок</a><br /><div id="info" style="padding-top:15px;">Оставьте Ваш номер телефона и мы свяжемся с вами в ближайшее время[contact-form-7 id="594" title="Номер телефона"]</div><script type="text/javascript">sh();function sh() {obj = document.getElementById("info");if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }}</script>

   Asked by kap2, May 27, 2015

   0 votes
   1 answer
8. Стрелка на css

   Привет, всем! как реализовать такое на css, стрелка будет поверх слоя с изображением, вот такие трудности

   Asked by soltx, May 27, 2015

   0 votes
   8 answers
9. 403 Forbidden

   Здравствуйте. Сайт DDOSят уже второй день. Его либо не грузит либо выдает такую ошибку: Что можете подсказать? В саппорте хостинга сказали просто поменять хостинг т.к. они ничем не могут помочь. Сайт.

   Asked by ArtemisLab, May 27, 2015

   0 votes
   2 answers
10. странная подсветка на ie mobile win phone 8.1

    Всем доброго времени суток. Столкнулся с интересной проблемой в мобильном ie win phone 8.1. Допустим есть небольшой блок на странице с текстом внутри. <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Test</title> <style> .btn { height: 50px; border: 1px solid black; } .btn span { color: red; } </style></head><body> <div id="btn" class="btn"> <span>text</span> </div> <script> var btn = document.getElem…

    Asked by Alexander34, May 27, 2015

    • Странная подсветка элементов
    0 votes
    4 answers
11. Сдвиг в списке меню

    Добрый день! Вот небольшая менюшечка: http://cssdeck.com/labs/bgmx27f7 Почему когда тег li закрыт, то следующий пункт съезжает немного вправо и между пунктами появляется полоса? Спасибо!

    Asked by Launder, May 27, 2015

    • ul
    • li
    0 votes
    12 answers
12. модальное окно нужно центрировать

    Всем привет, есть див который нужно отобразить в модальном окне <div id="artist_song_dialog" title="Artist's Song" style="display: none;min-width: 680px;" class="form-wrap"> <h4> You are adding song for artist <span id="span_artist_review_artist_name"></span> </h4> ... </div> и вызов модального окна - и все хорошо $("#artist_song_dialog").dialog({ buttons: { .... }, // "Submit": function() { "Close": function () { $(this).dialog("close"); } }, width: "50%", maxWidth: "678px", …

    Asked by mstdmstd, May 27, 2015

    0 votes
    1 answer
13. Странный отступ при добавлении псевдоэлемента

    При добавлении псевдоэлемента появился странный отступ сверху Посмотреть тут http://jsfiddle.net/wssaLzbk/4/

    Asked by xTODx, May 27, 2015

    0 votes
    1 answer
14. Google maps, запрет скроллинга на мобильных

    На сайте установлен карта от гугла, ширина 100% высота 400-450px. Что бы он не мешал прокручивать вниз страницу - добавил scrollwhell:false что запрещает прокрутку карты колесом мыши. Но данная функция не помогает при touchscreen устройствах. Для них есть функция draggable: false, оно как бы запрещает скроллинг карты, но если попытаться через карту скроллить вниз страницу то опять таки не получится. Добавить прозрачный слой сверху для нормальной прокрутки на мобильных не смогу так как на карте есть маркеры на которые можно кликать.. В общем выхода не нахожу, есть у кого такой опыт?

    Asked by Нарек, May 28, 2015

    0 votes
    15 answers
15. Как сделать условное применение top в зависимости от высоты?

    Слева есть блок lsb со свойством top:50%, для того, чтобы на страницах с большим объемом текста он распологался в середине. Однако не все страницы большие, есть и маленькие и на маленьких блок уезжает за контент http://codepen.io/anon/pen/YXNKMR Как сделать, чтобы если страница большая, то топ:50%, а если маленькая, то например топ: 100px. Вижу вариант - сделать запрос к БД и присвоить класс странице... но может есть вариант через css каким-нибудь свойством о котором не знаю? что-то типа top:50%-600px (высота блока) ps: задачу решил топ:30%, а для контента мин-хейт. конечно это другой способ, но как альтерантива подойдет. хотя конечно интересно уже так на будущ…

    Asked by nikki4, May 28, 2015

    0 votes
    1 answer
16. Адаптация слайдера roundabout.js

    Всем привет. Ребят, нужна помощь, не могу сама справиться. Адаптирую старый сайт. В нём есть слайдер roundabout.js версия 1.1. Так как responsive поддерживается с версии 2.1, установила её, но здесь как-то странно высчитывается позиция left в position:absolute, где-то на 100рх больше, из-за чего картинки вываливаются из своего блока и появляется горизонтальный скрол. Ребята, кто работал с данным плагином, есть там возможность откорректировать left ?

    Asked by Crystal-3, May 29, 2015

    • слайдер
    • roundabout.js
    0 votes
    0 answers
17. Выборочное изменение фона

    <a href=""><img src="image.jpg"><span>read more</span></a>a{width:100%;height:auto}img{width:100%;height:auto;}span{position:absolute;right:10px;bottom:10px;width:100px;height:100px;background:url("img.jpg") 0 top;}a:hover span{background-position:0 bottom;}Конструкция,конечно,упрощенная,но должно быть понятно.При наведении на span должен меняться ее фон,но в реале он меняется при наведении вообще на всю область ссылки.Раньше картинка была фоном ссылки,но я сделал ее img,потому что нужна резиновая верстка.Не хочется двойные ссылки делать,потому что потом будет много мороки.

    Asked by user, May 29, 2015

    0 votes
    4 answers
18. Не переключается слайдер

    Вот такой должен быть слайдер. Сделал его таки образом, что при нажатии на радиобаттон слайдеры должны двигаться. Но почему-то это не получается http://codepen.io/anon/pen/JdEEdv

    Asked by yaparoff, May 29, 2015

    • слайдер
    0 votes
    4 answers
19. Друзья посмотрите как я сверстал!

    Всем привет начал с курсов теперь сам начал верстать сверстал свою первую страницу самостоятельно без курсов. Я ещё новичок в этом деле Ссылка на файл:http://zalil.su/330237 Вот посмотрите и оцените нормально ли для новичка? Масштаб поставьте на 33% и почему у меня такие проблемы появляються с маштабом в фотошопе на много пикселей показывает и пожалуста подкиньте мне пару макетов с хорошим маштабом. Спасибо вам всем!

    Asked by Парвиз, May 29, 2015

    • Верстка новичок
    0 votes
    1 answer
20. Баг Google Chrome

    В браузере Google Chrome, при уменьшении ширины окна изменяются блоки, правая колонка встаёт вниз, за блок новостей. Но вот при увеличении ширины, блок с баннерами не встаёт на место. В FF, IE бага нет, а вот в GC есть. MP4 видео - http://i.gyazo.com/f106fdf09ff2831732239ced150f4f60.mp4 В чем проблема, как исправить?

    Asked by LeoSan, May 29, 2015

    0 votes
    1 answer
21. Неподвижный фон на адаптивном сайте

    Добрый день, подскажите с вопросом, как на адаптивном сайте сделать фоновое изображение, которое остается на своем месте (обрезается) при уменьшении экрана. Картинка для наглядности : http://s016.radikal.ru/i337/1506/6e/53922c9e96df.png

    Asked by local, June 4, 2015

    • фон
    • адаптивность
    • css3
    0 votes
    4 answers
22. Выравнивание DIV внутри таблицы

    Здравсвуйте! Помогите начинающему. Есть такой код: http://codepen.io/anon/pen/vOxaXV Внутри ячейки таблицы может быть любое количество блоков, и они должны распологаться горизонтально (а не вертикально как по ссылке),и должны делить между собой доступную в ячейке ширину. Заранее спасибо за помощь.

    Asked by remlin, June 4, 2015

    0 votes
    8 answers
23. Смежные media queries отображаются внахлест

    Доброго дня. Я новичек в адаптивной вестке, и чего то я не могу врубится в одну проблему... Смежные media queries отображаются внахлест не пойму по какой причине, все вроде правильно, но на брекпойнтах получается скрол... Величина перекрытия составляет около 12-20рх на разных точкак. макет: http://sea.kh.ua/test/test2.html Скрин брейкпойнта 980рх http://sea.kh.ua/test/980.jpg Скрин брейкпойнта 786рх http://sea.kh.ua/test/768.jpg Что я делаю не так?

    Asked by Com7, May 29, 2015

    • Смежные media queries отображ
    0 votes
    7 answers
24. не выводится слаидер в попапе

    Добрый вечер ! не выводится слаидер в попапе должно быть так как на картинке слева а он не загружается не знаю что делать что подскажите при нажатии на картинке он должен открытся http://cyberverstka.hol.es/po-ap/popau.html

    Asked by pitbuli, May 29, 2015

    • попапе
    • слвидер
    0 votes
    2 answers
25. Фоны в в div'ах расходятся при сужении экрана

    http://cssdeck.com/labs/collab/deoxlsaw http://s013.radikal.ru/i323/1505/83/7283853ab505.jpg У body и основного div'а один фон, но при сужении экрана, изображения расходятся, можно ли исправить в background-attachment, или как-нибудь, путем наименьшего сопротивления?

    Asked by Balalaika1, May 29, 2015

    • background
    • div
    • фон
    0 votes
    0 answers