-
Posts
31 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by goooooch
-
Зачем?
-
Всем привет. Есть верстка http://gurevich.agency/html/ По непонятной причине блоки div.wow.fadeInRight и div.wow.fadeInLeft анимируются в момент загрузки страницы, хотя благодаря значению атрибута data-wow-offset должны "срабатывать" не сразу. Замечено, что анимация стартует с некоторой отсрочкой, когда data-wow-offset > 650. Есть подозрение что wow.js в данном макете неверно рассчитывает местоположение блоков с анимацией по какой-то причине. Буду благодарен за подсказку.
-
Всем привет. Есть место, где можно собрать бутстрап под себя и все о нем знают http://getbootstrap.com/customize/ Мне не до конца понятно, зачем дублируются одноименные "JS-составляющие" сначала в JavaScript components, а потом в jQuery plugins? Первые работают без подключения jQuery в отличие от вторых?
-
Благодарю.
-
Всем привет. Есть сайт http://global.ecco.com/ Как сделаны тени у изображений на втором экране?
-
Конструкция display:table + display:table-cell добавляет 9px к высоте
goooooch replied to goooooch's question in HTML Coding
вопрос с высотой ячеек действительно решает, спасибо (долго бы я гадал сидел...) -
Конструкция display:table + display:table-cell добавляет 9px к высоте
goooooch replied to goooooch's question in HTML Coding
не знаю, что это за скриншот. в каком браузере и на каком разрешении экрана. ФФ и Хром отображается корректно. возможно в вашем браузере настройки безопасности таковы, что не разрешает подключать файлы с другого хоста или что-то типа того. не знаю. про конструкцию меню вам есть что сказать? речь не про первое меню сверху, а про второе (зеленое). -
Конструкция display:table + display:table-cell добавляет 9px к высоте
goooooch replied to goooooch's question in HTML Coding
Тут вот была страница целиком -
Конструкция display:table + display:table-cell добавляет 9px к высоте
goooooch posted a question in HTML Coding
Всем привет. Имеем html: <ul> <li> <a href="">Ткани</a> </li> <li> <a href="">Металлические карнизы</a> </li></ul>Имеем css: ul{ display: table; width: 100%; }ul li{ display: table-cell; width: 13%; line-height: 1.2em; border-left: 1px #30d2cc solid; height: 50px; }ul li a{height:50px;display:block;} У элемента <a> с высотой все хорошо и она равна 50px. У <ul> и <li> высота 59px. Подозреваю, что особенность конструкции display:table + display:table-cell и нужно дописать какие-то стили. Вопрос — какие? Буду благодарен за любую помощь. -
Здравствуйте, друзья. Как-то встречался (или это плод моего воображения) мне мета-тег, который запрещает автоповорот страницы на Ipad и прочих планшетах. Если это действительно так, то помогите в данном вопросе, поделитесь, пожалуйста ссылочкой. Заранее благодарен всем откликнувшимся.
-
Видеобэкграунд страницы. Какие технологии использовать?
goooooch replied to goooooch's question in HTML Coding
Не удалось разобраться: как раз флеша там нет, а использовано HTML5 video. А наиболее кроссбраузерное решение как раз основывается на сочетании HTML5 video с разными форматами и Flash http://htmlbook.ru/html5/video Спасибо, уже разобрался. Не знал, как удалить тему) -
Здравствуйте друзья. Нужно сделать такой сайт _http://iuqo.com/ Интересует в первую очередь технология, использованная на главной странице — видеобэкграунд. Насколько мне удалось разобраться, это флеш. Есть ли какие-нибудь кроссбраузерные нефлеш-решения подобного эффекта? Если да, то какие?
-
Опера растягивает на 100% фиксированный по ширине столбец
goooooch replied to goooooch's question in HTML Coding
Не дождавшись ответа решил вопрос самостоятельно. Нужно было добавить свойство padding:0 не всем ячейкам таблицы, а только td.center table tr td.center { width:1000px; background:#fff; padding:0; } -
Здравствуйте. Имеем вот такой замечательный код: <style> html, body { height:100%; margin:0; } table { width:100%; height:100%; background:#000; } table, table tr, table tr td { border:none; border-collapse:collapse; /*padding:0;*/ } table tr td { vertical-align:top; } table tr td.center { width:1000px; background:#fff; } .block { height:200px; background:#222; } </style> <table> <tr> <td></td> <td class="center"> <div class="block"></div> </td> <td></td> </tr> </table> Если открыть его в браузере (Опера, ФФ, ИЕ не смотрел), то вокруг div.block будет видна белая рамка. Если раскомментить padding:0, то в ФФ рамка исчезает, а вот Опера приподносит сюрприз — td.center растягивается на всю ширину страницы. Особенность Оперы? Как это вылечить? Информация о системе: Версия браузера: 12.02 Сборка: 1578 Платформа: Win32 Система: Windows 7
-
Стиль для img .group_on_index img { border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; behavior: url(/projects/yamaha/js/pie/PIE.php); border:2px #ff0000 solid; } привел к такому результату в chrome Что не так? Вроде нормальный браузер...
-
Всем доброго дня. Имеем код: <div style="width:500px; height:250px;" class="container"> <div class="content">Произвольный, меняющийся контент, высоту блока задать явно не получится.</div> </div> Вопрос: можно ли div.content выровнять внутри div.container ? vertical-align:middle не работает...
-
Как сделать смену стилей отдельных элементов страницы при изменении размера окна браузера, как например у самизнаетекого на главной сделано? Я имею ввиду последние работы из портфолио. В зависимости от ширины окна там выводится разное количество элементов в строке. http://www.artlebedev.ru/
-
Приоритет подключаемого css-файла над css, прописанными в коде. Возможно ли?
goooooch replied to goooooch's question in HTML Coding
ага. !important рулит. -
Имеем код <table border="1" cellspacing="1" cellpadding="1" width="300" height="200" class="table"> <tbody> <tr align="center"> <td colspan="2"><span style="font-size: x-small;">Характеристики <br /></span></td> </tr> <tr> <td><span style="font-size: x-small;">Длина наибольшая, мм</span></td> <td><span style="font-size: x-small;">2900</span></td> </tr> <tr> <td><span style="font-size: x-small;">Длина кокпита, мм</span></td> <td><span style="font-size: x-small;">2100</span></td> </tr> <tr> <td><span style="font-size: x-small;">Ширина наибольшая, мм</span></td> <td><span style="font-size: x-small;">1360</span></td> </tr> <tr> <td><span style="font-size: x-small;">Ширина кокпита, мм</span></td> <td><span style="font-size: x-small;">600</span></td> </tr> </tbody> </table> Можно ли с помощью подключаемого файла стилей повлиять на форматирование таблицы, т.е. чтобы стили из подключаемого файла имели приоритет над стилями, прописанными в исходном коде?
-
ага. вижу.
-
Отрубал, без него работает. Но он нужен, т.к. галерея — главный элемент страницы. Тогда думай, что тебе важнее, либо ищи другой скрипт, либо попробуй сверху написать свой на чистом ЖС для подвала. Сразу бы сказал, что не знаешь, как решить поставленую задачу. Зачем форум мусором заполнять, ты же администратор? А насчет гибкости — не вижу разницы между контейнерами body и div... да и html можно еще задействовать...
-
Отрубал, без него работает. Но он нужен, т.к. галерея — главный элемент страницы.
-
Отличий не обнаружил. Роль div.wrap у меня выполняет body c min-height=100% и position:relative Для таких вещей надёжнее юзать обёртку, а не вешать релатив с минималкой на боди. Прежде, чем написать предыдущее свое сообщение, я провел эксперимент с предложенной тобой оберткой. Обертка не помогла. Обрати внимание, что если страницу с ошибкой в ие-тестере потрепать на разных размерах окна или открыть пару новых вкладок, а потом к ней вернуться, то можно обнаружить, что футер уже прилип к низу страницы. Это чисто глюк, который я связываю с jquery плагином, используемом на этой конкретной странице. На других страницах сайта все ОК с футером.
-
Нужно аккуратненько вырезать фрагменты крайних полосочек — обрезать слева темно-серый фон и справа белое поле (по вертикали обрезать оставшуюся голубую полоску так, чтобы при тиражировании этих фрагментов по вертикали не было видно стыков), назвать эти фрагменты, например left.png и right.png, а потом написать простенький код: <div style="backgraund:url(left.png) 0 0 repeat-y;"> <div style="backgraund:url(right.png) 100% 0 repeat-y;"> <!--Здесь будет содержимое. То, что между голубых полосок--> </div> </div>
-
Отличий не обнаружил. Роль div.wrap у меня выполняет body c min-height=100% и position:relative div.container — это твой p c padding-bottom: 70px ну и footer у меня с position:absolut и bottom:0 На остальных страницах проблем не возникает... Здесь нужно копать глубже по-моему.