HTML Coding

29,542 questions in this forum

1. popup с iframe - проблемы с фиксированной высотой

   iframe встроено в popup с фиксированной шириной, имеет фиксированную высоту. #iframe_123 {height: 280px; width: 100%; margin-top: 0;}НО! на мобильных устройствах в некоторых браузерах (Opera, Safari) iframe растягивается под размер встроенной страницы, в результате часть контента оказывается за границами экрана. как можно это исправить?! (в FireFox и Dolphin открывается правильно)

   Asked by sarnjak, February 4, 2014

   • iframe
   • мобильные браузеры
   0 votes
   0 answers
2. Опять я со своим кубом (не правильное вращение)

   Вот адрес http://lesnoe.zz.mu/ там и стили прописаны сразу в html пробема в том что куб во время врщения сьезжает то влево - то в право как бы гуляет,хотя я опворачиваю его только по одной оси, в идеале должна просто сентся сторона и все... з.ы. по кубу надо щелкать

   Asked by romoga, February 4, 2014

   • куб3д
   • css
   0 votes
   0 answers
3. Растянуть блок div

   Есть блок HTML <div class="sidebar" id="sideRight">{include file="sidebar.tpl"} </div><!-- .sidebar#sideRight -->CSS #sideRight {float: left; margin-right: -3px; width: 250px; margin:-100px 0 0 -250px; position: relative; background:#fff;height:100%;}Нужно его растянуть на все высоту (чтобы и футер перекрывал)задавал height:100%; и html и body не помогло Помогите как сделать ?

   Asked by nimens, February 5, 2014

   0 votes
   0 answers
4. Баг с map area в Chrome/Opera

   Приветствую. Делаю поэтажное выделение на здание, через теги map area, использую плагин maphilight Проблема в том, что выделение срабатывает не всегда, баг возникает в браузерах Chrome и Opera Гуглил решение, нашел только вариант с добавлением к тегу map id и name с одинаковым значением, но это не сработало. Кто сталкивался с подобным, как заставить работать указанные браузеры? <script type="text/javascript" src="http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js"></script>$(function() { $(".map").maphilight();});<img class="map" alt="img/1470.jpg" src="http://s018.radikal.ru/i501/1402/07/2debaecf5527.jpg" usemap="#myMap" width="1470…

   Asked by massef, February 19, 2014

   • opera
   • chrome
   • css
   • html
   0 votes
   0 answers
5. Мигающий слайдер и z-index

   Всем привет. Верстаю сайт по адресу - http://jozefinastudio.com/ на opencart. Есть проблема с мигающим слайдером при смене слайдов. Проблема с миганием только в хроме, в других браузерах нормально. Вторая проблема - не понимаю как правильно сделать z-index для двух кнопок находящихся справа-сверху от основного контента(корзина и поиск). Нужно чтобы это были ссылки с переходом на страницы поиска и корзины. А по дизайну они должны располагаться за тенью контента. Если так сделать с помощью z-index, то ссылка становится неактивной и на неё нельзя нажать. Как можно решить проблему?

   Asked by Falcon, February 16, 2014

   0 votes
   0 answers
6. Как остановить анимацию keyframes

   сабж...реально бесит уже..Почему она зацикливается... Конечно в идеале мне надо чтобы анимация была при загрузке странице ЕДИНОЖДЫ.. $(document).ready(function() { все выполняет сразу...без очередности..как это победить Вот мне надо например менять фон блока 10 раз плавно... а потом стоп, а он гад прокрутит у себя там все и последний результат показывает (((( animation-fill-mode: forwards; не пашет

   Asked by romoga, February 11, 2014

   • keyframes остановить
   0 votes
   0 answers
7. Opera mini и ширина сайта

   Когда открываю свой сайт через opera mini с включенной настройкой ОДНОКОЛОНОЧНОГО ВИДА(one column...) то ширина сайта уменьшается (подробнее на изображении ниже: Просто для интереса установил для body минимальную ширину 150px и ширина в браузере увелечилась на 150px, решил установить 100% минимальную ширину, не заработало. как исправить? p.s. юзаю еще twitter bootstrap 2

   Asked by IceJOKER, February 16, 2014

   0 votes
   0 answers
8. Всплывающее окно для планшета

   в общем уже голову сломал. нужно оптимизировать сайт для планшета. http://liderventfasad.ru/ нужно чтобы при тычке на планшете выпадало окно. (на любом пункте из списков предлагаемых услуг). на компе при клике это работает, а на планшете нет. что делать? помогите CSS .thumbnail{ position: relative; z-index: 0; } .thumbnail:focus{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #3d3d3d; padding: 5px; border: 1px solid white; visibility: hidden; color: white; font: 12px 'Tahoma'; text-decoration: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px …

   Asked by Linblack, February 16, 2014

   0 votes
   0 answers
9. Размещение jQuery слайд шоу в нужном элементе

   Доброго времени суток! Есть тестовая страница http://poligonteam.ru/ Задача: поместить фоновое слайд шоу Supesized v3.2.7 в первый параллакс слайд (Stellar.js). Собственно на данный момент часть слайд шоу помещено в первый слайд (текст и кнопки навигации), но смена изображений происходит в body (Slide1 и Slide4 имеют прозрачный фон). В jQuery (да и вообще в JavaScript) понимаю плохо, но стараюсь разобраться. Просматривая код (Supersized), натолкнулся на такую запись (function($){ /* Place Supersized Elements —————————-*/ $(document).ready(function() { $('body').append('<div id="supersized-loader"></div><ul id="supersized"></ul>'); }); …

   Asked by PR0XY2027, February 17, 2014

   • js
   • jQuery
   • parallax
   • slideshow
   • supersized
   • stellar
   0 votes
   0 answers
10. Помогите с таблицей

    Здравствуйте! Помогите пожалуйста мне с таблицей. Вот в чем дело: мне нужно, чтобы на сайте было две центральные таблицы: Меню и Просмотр чего-либо. Именно с ними у мня возникли проблемы. Мне нужно такое расположение: Меню Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Ссылка 1 Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Меню Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Ссылка 2 Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Меню Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Ссылка 3 Просмотр чего-либо Просмотр чего-либо Просмот…

    Asked by Keed, February 21, 2014

    • Таб
    • лица разделение
    0 votes
    0 answers
11. меню+спойлеры

    Доброго времени суток. Есть 6 разделов в меню. Список разделов не маркированный. Само меню сделано плавающим (на javascript) Вопрос такой: Как проще и эргономичнее реализовать такое: каждый раздел должен иметь свою картинку, и являться спойлером (или выпадающим подразделом, как удобнее будет). Желательно с использованием javascript. Так как опыта в css и javascript мало - первое, что пришло в голову - это создать 6 стилей для кнопок в css, и, пользуя простой скрипт спойлера, прописать кнопкам скрипт. Но, так как, наверняка, это в корне неправильно, в скрипте обработку сразу 6 стилей прописать не получилось, и толковым, в общем, ничем не окончилось. Прошу совета

    Asked by Nagoran, March 4, 2014

    0 votes
    0 answers
12. Как "addEventListener('change',...)" заменить на "onChange"?

    Хочу кросс-браузерность сделать. 1) Как "addEventListener('change',...)" заменить на "onChange" в http://jsfiddle.net/bMSj5/2/ ? 2) Если произвести такую замену, то полная кросс-браузерность получится или еще что-то поменять надо?

    Asked by lovi, March 9, 2014

    0 votes
    0 answers
13. Открытие файла - проблема совместимости с разными браузерами

    Кликая по ссылке, открываем файл, к примеру, Word. Мозилла, Опера и IE кушают и не выдают ошибок. Все браузеры на движке Chrome - Yandex, Amigo и сам Chrome выдают ошибку. С сервера получены одинаковые заголовкиОтвет сервера содержит дублирующиеся заголовки. Обычно это происходит, если веб-сайт или прокси-сервер настроены неправильно. Исправить эту проблему может только администратор веб-сайта или прокси-сервера.—Что за проблема? Где смотреть заголовки? Как найти ошибку?Спасибо!!!

    Asked by Эдди, March 10, 2014

    0 votes
    0 answers
14. Помощь с background

    body.braincode-grunge{background:url(../images/background.jpg)}a img{ border:none; }fieldset{ border:none; padding:10px 0;}Добрый день, подскажите пожалуйста, как поменять background. На сайте используется картинка для всего фона, т.е. она дублируется. Подскажите как, поменять эту же картинку допустим в углу сайта на ту же картинку но только с еще дорисованным объектом. Большое спасибо за ответ. На данный момент код такой: Примеры картинок что на данный момент, и что планируется вставить. http://pmparket.ru/templates/braincode-grunge/images/background.jpg http://pmparket.ru/templates/brain=grunge/images/background1.jpg

    Asked by moskow2010, March 17, 2014

    0 votes
    0 answers
15. Вылазит div

    Всем привет, думаю частый вопрос, но решение я так и не нашёл. Вот шаблон <div class="wrapper"> <header class="header"> <div id="logo"> <a href="/" style="color: #CCC;"> <img id="logoimg" src="<?=$site['shablon']?>img/logo.gif" /> <!—<h2><?=!$site['title'];?> <?=!$site['losung'];?></h2> <!— название сайты—> <!— Лозунг—> </a> </div> </header><!-- .header--><div class="line"></div> <div class="middle"> <div class="container"> <div class="upbar"> <?php up(); ?></div><?php require "{$c…

    Asked by xTODx, March 19, 2014

    • div
    • вылазит
    • как всегда
    • что делать?
    0 votes
    0 answers
16. Кнопки соц. сетей не видят изображение.

    Доброго времени суток! Столкнулся с проблемой которая выносит мне мозг.) Есть сайт http://gobanner.ru , есть кнопки соц. сетей вверху (нас интересует только кнопка вконтакте). Когда мы на нее нажимаем открывается окно куда подставляется вся инфа из дива share42 кроме data-image. НО! Если я меняю ссылку изображения в data-image на изображение не с моего сайта, а любого другого, то картинка подставляется. Так же как и чужая, моя ссылка фигурирует в графе вода сайта (ну то окошко где мы пишем www.блаблабла.com) но все равно картинка не работает. Парни, что за бред? Что я не так делаю? Или это что то с хостингом? Вот прямая ссылка, как видно тут она работает! P.S. - Я пробов…

    Asked by logicface, March 19, 2014

    • data-image
    0 votes
    0 answers
17. Построение интерактивной карты с Raphaël (нужна помощь)

    Здравствуйте! Нужна маленькая помощь... может и не маленькая... Как-то на сайте рассматривалась тема "Построение интерактивной карты с Raphaël", http://htmlbook.ru/blog/postroenie-interaktivnoi-karty-s-raphael очень заинтересовал один вопрос... А возможно ли в init.js там где атрибут fill выставить для каждого объекта (страны) изображение, скажем флаг страны? ( я там уже отметился с вопросом, может тут быстрее поможете, очень интересует такая возможность) Помогите, пожалуйста, дайте дельный совет! Заранее благодарен!

    Asked by Женик, March 20, 2014

    • JavaScript JQuery
    • SVG
    • Создание карты
    • иб
    • лиотека Raphaël
    0 votes
    0 answers
18. Лишние пикселя

    Всем доброго времени суток!При верстке сайта наткнулся на одну проблему,которую никак не могу решить,собственно говоря,поэтому и обратился к вам! Вот сайт - сайт В меню главных разделов :"Художники" Фоновая картинка имеет высоту в 72 пикселя,но тег <li> упорно почему-то ставит высоту 75 пикселей,что мешает ровно отцентрировать сам список,итог:"Откуда появляются эти три лишние пикселя?" Прошу прощения,вопрос исчерпан Решение: Применить к изображению vertical-align:bottom;

    Asked by Xolodeec, March 22, 2014

    0 votes
    0 answers
19. Почему после абсолютного позиционирования появляется отступ сверху?

    Здравствуйте. Вот пример локального сайта. Скажите, почему при задании абсолютного позиционирования элементу #rt-top .rt-container > div:last-child, сверху возникает пустая область? Кажется это из-за отсутствия закрывающей > у div'а и промашки с выбором селектора

    Asked by borus, March 24, 2014

    0 votes
    0 answers
20. Убрать ширину элемента с float

    Здравствуйте. Есть элемент списка (Li) с фиксированной шириной (скажем width:100px). При изменении размера окна браузера через медиа-запрос в стилях этот элемент становится плавающим (скажем float:left). Требуется чтобы он имел ширину по своему контенту, но он сохраняет ширину в 100px У свойства width нет значений, с помощью которых можно было бы сбросить унаследованное. Или я что-то не понимаю? Это можно как-то решить без скрипта? Что-то я затупил.. width:auto и делов-то сорри

    Asked by toman, March 24, 2014

    0 votes
    0 answers
21. Два фильтра

    Друзья добрый день, у меня возник вопрос по поводу шаблона который я скачал Вот пример моего сайта http://homavi.gallery/open_release/a3_base.html Существует фильтра, можно увидеть это меню справа от название Showing. Фильтр разбивает материал по названиям, можно ли сделать такой же фильтр внутри фильтра. Подскажите где и что искать, может быть есть пример какой то ?

    Asked by Homavi, March 26, 2014

    • filter
    • menu
    0 votes
    0 answers
22. не хочет правильно отображаться в мазиле.

    есть класс парент в котором класс фаст. и в мазиле он отображается в нижнем левом углу. в хроме, опере и ие все хорошо отображается. .parent{ position: relative; } .fast{ position: absolute; bottom: 30px; left: 0px; padding: 0 5px; width: 200px; height: 25px; background: #d2d2d2; text-align: center; border-radius: 30px; cursor:pointer; } не могу понять как исправить это недорозумение.

    Asked by Chernichko, March 28, 2014

    0 votes
    0 answers
23. Неучтённые бордеры в хроме

    Люди, возникло желание нарисовать типа "граф" вот такой http://rossita-travel.com/shared/temp/1.html потом добавил в <table> border-collapse: collapse; ушли разрывы в бордерах (логично)... но появились нежелаемые линии в соседних ячейках, линии горизонтальные, возникают на стыке "соседней" (объединенной colspan-ом) и нужной вот так http://rossita-travel.com/shared/temp/2.html смотрите хромом в лисе и ие - всё ок что это - косяк гугли? Спасибо! PS может эту задачу правильно решать вообще другими средствами?

    Asked by AkuSer, March 28, 2014

    • бордеры
    • хром
    0 votes
    0 answers
24. Вопрос по таблицам

    Помогите пожалуйста!Добавляю новую позицию в таблицу(PHPMyAdmin),а на сайте ее нету.Что с этим делать?

    Asked by qwerty123, March 30, 2014

    • MySQL
    • phpmyadmin
    0 votes
    0 answers
25. Opera Mini сжимает шапку по ширине экрана. Как ей это запретить?

    Всем привет! Переношу сайт но новую CMS. Заодно с табличной вёрстки перевожу на вёрстку дивами. При переносе шапки возникла проблема: Opera Mini, если в настройках качества изображений строит установка ниже "Высокого", уменьшает шапку по ширине экрана [телефона]. Это серьёзная проблема, т.к. сайт фиксированной ширины без адаптивной вёрстки: в шапке используются элементы навигации с абсолютным позиционированием, которые при её сжатии наезжают на расположенные ниже элементы. На старом сайте при использовании Opera Mini такой проблемы не наблюдается; судя по всему, из-за табличной вёрстки. Вопрос: как запретить Опере Мини изменять размер шапки на новом сайте? Ссылк…

    Asked by vkapas, April 2, 2014

    • opera mini
    0 votes
    0 answers