alexandr_v-vich

Не пойму, а в чём проблема с display: block/none?

clavin, мне как-то лень это разбирать. Но можете посмотреть, там бордер ему поставить, большой бордер поставить, поставить 1000% радиусу ну или чего ещё. Стояла бы ещё старая Опера, может и было б интересно.

Ай, раз пошла такая пляска s0rr0w, — отсутствие синтаксиса. — дефис вместо нужного тире. — „от этого“. — лишняя запятая. — неправильное оформление синтаксиса в начале. Запятую нужно заменить. Можно на точку. — отсутствие запятых у „конечно же“. — снова дефисы и ко всему неправильные кавычки. — „примите“. И кавычки. — сомнительная запятая.Ну и „е“ вместо „ё“ во всех постах. !!

Спасибо Илья (Илья же, да, не путаю?), ответ прям что нужно))

Раз уже есть такая тема, воспользуюсь случаем. У четвёртого Айфона разрешение указано вроде как на 640?960. Вопрос об адаптивности. Мне, вот в media screen как правильно для него записать разрешения. Насколько знаю есть css пиксели, которые отличаются от этих, так? А для айфона они чему равны будут? Ну и для остальных моб. устройств. Они примерно же одинаковы будут? Знаю, есть статьи и знаю, что за статьи. Просто вопрос быстро надо решить, потом поразбираюсь, конечно. К чему, в общем, — могу ли я сузить экран браузера до размеров (физических) экрана айфона и приравнять это к тому, как будет отображаться сайт на айфоне?

clavin, Аналогичная или такая же? Так-то всегда можно задать радиус в 100500px , ну это к вопросу о кроссбраузерности, а так, если не затруднит дайте скрин с моего примера (если он хоть немного отличается). P.S. В 11.62 нормально.

А где у вас проблема? Вот логотипу и пишите

margin: 0 auto;

У меня всё нормально отображается. Не разбирали что именно у вас перестало работать? UPD: А, чёрт, ну конечно он работает через Хром)))) Хм, нерадостный момент. Вопрос актуален) UPD: А хотя не, не актуален.

В самый конец кода прям перед закрытием body добавить <script> document.getElementById('footer').style.display = "block"; </script> А здесь <div id="footer" class="cf"> так <div id="footer" class="cf" style="display: none;"> Если не поможет, добавьте ещё в css на footer следующее transition: all 0s .6s; -moz-transition: all 0s .6; -webkit-transition: all 0s .6s; -o-transition: all 0s .6s;

Ну если уж по этому пути следовать, я бы не выбирал тег <svg> а всё же через object и embed. Как-то поддержка с тегом уж совсем по-моему слабая… Вот, только, не совсем ясно вижу как их вместе там (object и embed)… А вот мысль ещё есть. Как-то с флеш делал. Если, я вот сделаю через object и этому object поставлю background png`шкой. Я конечно попробую, но может кто делал уже так — получится, что я хочу?))

Попробуйте так <script type="text/javascript"> host = window.location.pathname; document.write(host.split("/")[1]); </script> Ну или если точь-в-точь <script type="text/javascript"> host = window.location.pathname; document.write("/"+host.split("/")[1]); </script>

onclick

Я плохо понимаю эти кейфреймы. Наверное близкое к тому что вы сказали - transition-delay. Это задержка. transition — это тип реакции на событие. По-моему. Я как-то так его воспринимаю. В общем, он автоматом стоит на элементе, и при событии проявляется…

Какими местами? На сходе двух границ?

Потому что вы применяете к ним свойство float, которое выбивает их из потока (ну условно). Во избежания проблем, в блоке Content в самый конец пихайте div со свойствами width: 100%; clear: both;

Спасибо за пример, у меня всё путаница с позиционированием была. Хорош пример, красивый) Засуну в закладки, авось мысль пригодится когда-нибудь) А про svg. Rapha?l уже да, посоветовали, но по-моему это не то, что мне нужно. Да и ладно, сейчас немного по-другому вопрос ставлю. Думаю приду к чему-нибудь. Так-то штука эта очень важная, ох как важная…

Viper, премного тебе благодарен за ответ. Но, можно прояснить это? Как я понял быстро пробежав глазами, это библиотека для рисования в векторе. Но мне не надо рисовать. У меня это отлично выходит в Люстре) а рисовать через код, да ещё и js — да я ж сдохну))) У меня есть готовый svg. Вот его через тот же Рафаэль я смогу продвинуть в IE? Но даже, если это вообще сложный вопрос, то мне бы хотя бы решить задачу такую. Если я подключаю svg на сайте, как будет отображаться он в браузерах, которые svg не поддерживают? И как сделать, чтобы они отображали вместо svg ну любой другой поддерживаемый формат? Т.е., допустим, везде стоит png, а кто может работать с svg получает svg) И завсегдатый вопрос, как его правильно подключать (сама семантика)?

.head_content { width: 900px; margin: 0 auto; } Ну дело в width. Посоветовать я ничего не могу. Нет можно там max-width или min-width или чего ещё. Просто я вообще не понимаю смысла трёх обёрток, да ещё и с разными стилями, не понимаю, что вам нужно. Но смысл вы поняли — весь контент хэдера находится в фиксированной обёртки, а бэкгр. градиент записан на блок с резиновой шириной, что означает, что при ширине менее 900px у вас контент хедера не будет помещаться в блок с градиентом.

У всех есть родители))) Покажите стили на body и html. Заодно два вопроса — во всех браузерах? Что за размеры экрана?

В чём находится .header? Полный путь напишите. И стили этих элементов.

А чего не flash-слайдер? Так бы проще по-моему было… там бы уже и настроили как надо.

@-webkit-keyframes записывается отдельно, а не в составе свойств селектора. Т.е. после -webkit-animation-play-state:running; должна закрыться скобка. А в конце соответственно её убрать. В итоге так .notVisible { -webkit-animation-name:'fullText'; -webkit-animation-duration: 7s; -webkit-animation-play-state:running; } @-webkit-keyframes 'fullText'{ from { font-size:30%; } 40%{ font-size:50%; } 60%{ font-size:70%; } to{ font-size:100%; } } Но посоветовал бы использовать transition. Поддержка более широкая.

А, ну раз уж заговорили — http://forum.htmlbook.ru/index.php?showtopic=34527 У меня так и не вышло… Не сложно пример показать?

Тоже была первой мыслью . Жаль не кроссбраузерно…