HTML Coding

29,542 questions in this forum

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

   Привет, люди добрые! Встречайте новичка. Народ, кто шарит в CSS3 и HTML5? Пожалуйста, помогите разобраться. Сделал меню для сайта: http://www.boomerang.dn.ua/tmp/html/index.html Зарезинил адаптивно, все выглядит так, как планировал. Но только на экране компа. При просмотре на своем КПК и в эмуляторе Opera Mobile Emulator при 320*240 получается вот такая лажа: http://www.boomerang.dn.ua/tmp/html/wtf.png Меню сжимается и для увеличения до 100% приходится тыкать в экран пальцем. При этом появляется горизонтальный скролл. Применение @media query с псевдоклассом "handheld" картину не исправило. Вот архив с кодом и файлами: http://www.boomerang.dn.ua/tmp/html2.rar Ребята, пожал…

   Asked by #AgainsT#, August 1, 2012

   0 votes
   4 answers
2. Проблема с адаптивностью

   Когда открываю эту страницу http://danxil.pp.ua/layout/index.html в обычном браузере и изменяю ширину окна - все ок, блоки спускаются на нижнюю строку как идолжно быть, но когда открываю эту страницу в мобильном браузере, у нее просто меняется масштаб, а блоку остаются на месте. Как сделать так что бы на мобильных браузерах именно сжималась ширина блока ?

   Asked by Danxil, March 21, 2014

   0 votes
   5 answers
3. Проблема с адаптивностью

   В общем такая ситуация: попросили убрать адаптивность сайта так, чтобы работало корректно и на компьютере и на устройстве. Я сделал, на компьютере все норм, а на ipod touch влево уходит все.ширину для бади не задавал

   Asked by suhoy13, April 15, 2015

   0 votes
   3 answers
4. Проблема с адаптивным дизайном

   Столкнулся с проблемой адаптивной верстки. Чтобы обьяснить проблему я сделал простой шаблон, для примера http://jsfiddle.net/Vk9qm/1/embedded/result/ Дело в том, что на мобильных устройствах цитата вылазит(то ли из-за увеличения межстрочных или межбуквенных интервалов то ли из-за изменения размера шрифта? http://cssdeck.com/labs/0faolp8r ) за приделы родительского блока.При изменении размеров шрифта на мобильном смотрится хорошо , а на экране монитора не очень, если поместить цитату в резиновый блок портиться композиция,тем более если после цитаты я хочу поместить небольшое изображение. Подскажите как мне добиться сохранения композиции и сделать так чтобы страница см…

   Asked by DD_man, February 20, 2014

   0 votes
   1 answer
5. Проблема с адаптивом

   Добрый вечер. Не могу понять почему у меня на сайте происходит вот такая белеберда http://prntscr.com/bxe5oc почему то контейнер становится все равно в 1000 px и не становится нормальным резиновым. В чем может быть проблема? Бутстрапом занимаюсь недавно, но принцип работы понимаю. Скорее мой косяк в верстке, но почему не съезжают в один столбик все элементы на телефонах? мой сайт http://angel-loves.com/ . При уменьшении в 360px столбики не смещаются в один ряд.

   Asked by creativ, July 25, 2016

   0 votes
   1 answer
6. Проблема с адаптивом на iPhone.

   Здравствуйте! Возникает проблема с вёрсткой на сайте на "просмотрщиках веб страниц" iPhone. На Android всё хорошо, на разных браузерах. Проблема в следующем, не блокируется скролл во всплывающем меню http://cartersbaby.ru/ на этом сайте. Вот примерные изображения проблемы: Собственно серого фона не должно быть, так же как и скролла долгого. В css забита высота этого серого элемента, но стоит overflow: hidden. Допускаю собственную ошибку, но на Android и эмуляторе в Chrome проблем нет.

   Asked by Vicos, October 5, 2015

   • scroll
   • iPhone
   • адаптив
   0 votes
   4 answers
7. проблема с анимацией

   вот исходный сайт http://venusdemo.com/magento/smartshop/index.php/?___store=christmas вот то что я начал делать http://texteredsa.besaba.com/ferfume/ferfume/ в исходном сайте при наведение на пункт german плавно передвигается так сказать ему в обычном положение задано translateY(10%) а при наведение 0% и при помощи transition это все плавно срабатывает, то же самое пытаюсь повторить, но не получается, почему?

   Asked by raptor-dm, January 2, 2015

   0 votes
   2 answers
8. Проблема с анимацией меню

   При наведении на пункты левого меню, иконки красиво выезжают, это благодаря анимации transition для ширины иконки, но этот же метод в правой части не работает. Методом проб и ошибок выяснила, что иконки будут красиво выезжать только когда прижаты к правому краю. В правом меню на последнем пункте видно, что анимация работает так как надо только, если элементу задан right. Пробовала задавать при наведении margin-left и его анимировать, но эффект все равно не тот. Уже всю голову над этим сломала. Может я что-то упускаю? Или это в принципе невозможно? Живой вариант

   Asked by AlexBes, May 29, 2014

   0 votes
   5 answers
9. Проблема с анимированием "гамбургера"

   Всем привет. Нужно сделать анимированную траснформацию "гамбургера" в крестик. Что нужно сделать: При наведении на "гамбургер" верхняя и нижняя полосы встают на место средней. Затем средняя исчезает И после этого две оставшиеся полосы поворачиваются на 45 и -45 градусов Проблема в том, что сделать это нужно именно пошагово, а не все сразу. У меня работает очень странно: http://jsfiddle.net/8x4rkuq2/ Никак не могу понять, в чем причина. Буду очень благодарен за помощь!

   Asked by IvanRu08, October 27, 2017

   0 votes
   1 answer
10. проблема с анкорами

    Здравствуйте! Есть трехколоночный макет фиксированной ширины (который корректно работает под всеми браузерами). CSS (см. секцию LAYOUT в нем): /********** TOP-LEVEL ELEMENTS **********/ html, body { margin: 0; padding: 0; text-align: center; /* for centering layout */ } /********** FONT **********/ body { font: 76% arial, sans-serif; } /********** COLORS **********/ /* blue - #99f, orange - #fc3, black - #666, gray - #ccc */ body { background-color: #ccc; } .body { background-color: #fff; } .header { background-color: #666; color: #FFF; } .left { background-color: #99f; } .right { background-color: #99f; } .footer { background-color: #666; col…

    Asked by tipoc, September 16, 2010

    0 votes
    2 answers
11. проблема с атрибутами div

    Привет! Делаю небольшой сайт по урокам, сайт делается на html/css блоках, проблема с float - в уроке (видеоуроке, так что перепутать что-то сложно) все работает, у меня ничего не работает, перепроверял 3 раза, копировал текст из идущего с уроком файла (исходный код), менял параметры, не помогает. Вот так должно быть (я специально привожу скриншоты потому что мой код очевидно содержить ошибку - он ниже) Вот html Вот css Вот результат (левое меню полностью обтекается рабочей областью и автоматически регулируется по высоте) А вот мой код Это html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &l…

    Asked by Eugene-N, May 4, 2012

    0 votes
    2 answers
12. Проблема с атрибутом action

    Вопрос состоит в том, что нужно (и можно) задать в action. У меня форма, куда вводятся данные, и после того как нажат Submit, Браузер посылает Request на Server, а там этот Request анализируется в http-протоколе и посылается нужный ответ. То-есть данные формы ненадо никуда передавать, и поэтому нечего вводить в action. Я пока знаю две возможности: 1) написать action="" тогда получается, что данные просто никуда не посылаются, правильно? 2)Как это сделал Xilinx: В action стоит не адрес, а просто слово, которое http-протокол потом анализирует и выполняет что-то соответственно этому слову. Но у меня браузер воспринимает это слово как файл и пытается его найти. Обьясните…

    Asked by Ольга-Птица, January 7, 2009

    0 votes
    6 answers
13. Проблема с атрибутом id

    Не могу разобраться с лого, в его расположением, не могу переместить... Прошу помочь. index.html <!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"> <html> <head> <title>Главная</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> <div id="logo"></div> <a href="/"><img src="images/logo.gif" alt=""></a> <div id="info"> <h1>Главная страница</h1> <p>Привет дорогой др…

    Asked by Ergonav, February 22, 2012

    0 votes
    5 answers
14. Проблема с атрибутом media

    Недавно начал учиться верстке. Столкнулся с адаптацией, и тут возникла одна проблема: моя среда разработки как-будто не видит медиа-запросы. Написал примитивный код, чтобы проверить. У друзей код работает, у меня нет. Подскажите с чем это может быть связано. Прикрепляю скрины.

    Asked by Yudin, October 16, 2017

    • адаптация
    • медиа-запросы
    • media
    • @media
    0 votes
    1 answer
15. Проблема с аудио на сайте

    Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось, вместо проигрывания дальше вместе.

    Asked by Sans, March 26, 2017

    • аудио
    • html
    • сайт
    • javascript
    0 votes
    0 answers
16. Проблема с банерами

    Народ помогите разобраться в чем проблема при размешение банера справа пропадает банер слева. сайт на Joomla 1,5

    Asked by ssnkvd, August 2, 2010

    0 votes
    7 answers
17. Проблема с банером

    Есть вот такой баннер: <a href="http://ru.incoforex.com/?partner=dorn" title="Incoforex"><div style="background: url(http://ru.incoforex.com/promo/05(468-60).gif) no-repeat; display: inline-block; width: 468px; height: 60px; text-decoration: none;"> </div></a> Ссылка работает, а картинка не отображается. Подскажите кто нибудь в чем проблема?

    Asked by dorn, April 30, 2010

    0 votes
    3 answers
18. Проблема с банером

    Добрый день. Проблема такая: я добавил рекламный блок на свой сайт, но он при изменении размера браузера он начинает наезжать на другие объекты. Банер заключён в тег <p> <p style="bottom: 100px; right: 1300px; top: 100px; left: 10px; position: absolute; padding: 10px; clear: both;"> Как исправить?

    Asked by simonit, October 7, 2012

    0 votes
    3 answers
19. проблема с бекграундом

    не могу понять почему на странице decman.ру отображается картинка с бекграундом а на смежной странице decman.ру/skvend/ (которая отличается только названием картинки ) ее нет. ПС -картинка на фтп лежит , пути правильные. косяк не пойму в чем-не хочет отображаться на другую а если назвать back как на главной то видит картинку главной странице

    Asked by Deca, April 21, 2010

    0 votes
    1 answer
20. Проблема с бекграундом в IE

    Вот что получается http://prntscr.com/2d1vfs (даже в 11 версии) Верстка тут http://alexlebedev.pw/works/advogrand/ Если убрать тень, то все хорошо отображается. Так же, если выделить текст, появляется бекграунд

    Asked by swandev, December 22, 2013

    0 votes
    4 answers
21. Проблема с беком в блоке.

    Приветствую вас. Ребята, к вам стучусь уже в самом последнем случае. Уже все перепробовал, или с мозгом что-то или черт его знает. В общем, проблема следующая. Есть блок "#head", к нему есть стиль: #head { background: url('k/horizontal.jpg') left repeat-x; width: 100%; height: 134px; margin: -5px 0 0 0; } Стиль этот вместе с множеством других вынесен в отдельный файл. До этого момента пока все нормально. А теперь красота! background: url('k/horizontal.jpg') left repeat-x; - не работает! Все остальное работает (не только для #head, но и для других блоков), а именно это правило - нет! Все перепроверил сотни раз, и пути к изображению и все остальное - все равно лажа. А т…

    Asked by smao, July 25, 2010

    0 votes
    17 answers
22. Проблема с блогом, как добавить отступ

    Всем привет, возникла проблема с модулем блога, дело всё в том, что расстояние между статьями очень маленькое и текст как бы сливается (вот сайт http://www.gold-seeds.net).Подскажите как это можно исправить? Заранее спасибо, за Ваши ответы!

    Asked by Fredy_Kruger, February 13, 2016

    0 votes
    8 answers
23. Проблема с блоками

    Привет всем! Єсть проблема! Очень прошу вашей помощи! Как это реализовать? Есть блок (родительскии блок с фиксированой шириной, высота плавать должна ) --> --> внутри блока ещё 2 блоки справа и слева --> --> в блоке справа текст --> в блоке слева рисунок. Как реализовать так, чтобы ни текст, ни рисунок не выходили за приделы родительского блока, тоесть висота родительского блока - плавает. Буду очень благодарен за помощь! Оч нуно! Хелп плиз!

    Asked by Vendetta-V, September 22, 2010

    0 votes
    5 answers
24. Проблема с блоками

    У меня проблема с видом блока на єкране. С помощью єтого сайтам я сделал вот такой блок .box2 { width:504px; height:434px; text-indent: 145px; text-decoration: blink; text-shadow: 1px 1px 2px black, 0 0 1em grey; position:absolute; font-size: 2em; font-family: font-family; opacity: 0.5; box-shadow: 0 0 10px rgba(0,0,0,0.5); top:512px; right:469px; background-color:#E6E6FA; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; блок меня полностью устраивает но только я разворачиваю свой сайт (то есть сужаю в єкране) все мои…

    Asked by esse, July 22, 2011

    0 votes
    15 answers
25. Проблема с блоками

    Добрый вечер всем. Такая проблема, нужно чтобы в зависимости от содержимого контента тянулся сайдбар. На данный момент выглядит так http://s015.radikal.ru/i331/1107/73/81522a62cdd6.jpg Помогите с этим..

    Asked by Pato, July 29, 2011

    0 votes
    14 answers