Николя223

Попробуйте вставить это в конец страницы. Смысл вот в чём: Если после завершения загрузки страницы тестовое изображение меньше чем оно есть, значит у всех изображений параметр display становится none. Только что в опере проверил работает. только картинку побольше выберите (на всякий случай))) и размер свой что нибудь среднее между НУЛЁМ и РЕАЛЬНЫМ height (опять для подстраховки))) <script> if (document.getElementById('new').height < 100){document.write('<style>img{display:none;}</style>')} //new - id Тестовой картинки </script>

Я почему то так сразу и подумал... А вы не боитесь на него в explorere заходить?)) я не критикую, у самого в explorere вид немного теряется. Под exp отдельно хакать придется

Вид, размер и расположение стрелки выбора в селекте, так же, как и самого выпадающего списка, в данном случае также на совести браузера. все стандартные элементы по умолчанию зависит от настроек их отображения windows, с помощью JQ, JS, VBS и т д, Их вид изменить нельзя если это не предусмотренно, только создать эмуляцию. (посмотрите на скроллы).. хотя впринципе один фиг))))

Evand74, выложите лучше пример странички. Может быть у вас много элементов которые всё перекрывают..

А без Jquery только так: http://bavotasan.com/2011/style-select-box-using-only-css/ Так как вид стрелки зависит от установок windows

я их на JS кэширую(один раз загрузяться)))) лучше вынести отдельным файлом в начало или конец страницы <script> new Image().src = path_img+'http://okeanzdorovja.ucoz.ru/dolphinstyle.gif' new Image().src = path_img+'/mini1.png' ... //и так далее </script>

Даша, он и не трогает другие ссылки, Sloy просто находится над ними и закрывает их. я вообще не вижу смысла из за какого то банера (это банер будет?) так много чего придумывать )лучше выбрать ему хорошее местечко, я вчера уже пробовал скрипт основаный на методе onResize написать,вычисление точной процентной позиции.. Это можно но в данной ситуации JS это как из пушки по воробьям)) иМхо. думаю есть какое нибудь простое решение

Тут вообще всё просто)) нужно первому слою задать позицию 0 слева. Только я ошибку нашёл: explorer не центрирует почему то sloy2, поэтому добавьте text-align:center; Вот так: #sloy{ top: 50px; width:100%; position: absolute; text-align:center; left:0px; }

для ie можно написать простенький скриптик с флагами. если хочешь - сюда и впишу (т.к. в скрипте я не очень то и силен, код будет немного большим)

Никогда не задавайте процентное соотношение по краю с такими большими марджинами!!)) именно поэтому у вас всё влево и уходит. Лучше сделать всё в два слоя. Один абсолютное позиционирование, а второй внутри. Вот: <style> #sloy{ top: 50px; width:100%; position: absolute; } #sloy2{ width: 900px; height:50px; background:red; margin:0 auto; } </style> <DIV id="sloy"><DIV id="sloy2">содержимое</DIV></DIV>

я хотел написать, что медиа не прописывать (т.к. это работало в Мазиле, Хроме, explorere), но потом вовремя спохватился: Очень трудно определить как себя поведёт та или иная версия браузера, поэтому я бы @media на всякий пожарный оставил (для подстраховки))) она не много места занимает

Верно.

Даша, попробуйте так: )) меня выручало. <style> @media (max-width: 1250px) and (min-width: 300px) { #panelka { display:none; } } #panelka { display:block; top: 50px; width: 100px; height:100px; position: absolute; left: 10px; } </style> <DIV id="panelka">содержимое</DIV> Единственное, в выражении document.write нужно писать всё в одну строку! <script language="JavaScript1.2"> if (screen.availWidth <= '1250') { document.write('<STYLE>#panelka {display:none;}</STYLE>'); } </script>

<center> ... </center>

обычная ссылка, треугольник - это квадрат. либо div либо span, хоть что, что придёт в голову, повёрнутый с помощью transform: rotate. и с разным цветом границ)))

Ребят, я только недавно верстать начал (знакомые просят сайт - сделаю конечно же), и пришёл к выводу что таблицами верстать гораздо удобнее. Но последнее время сколько различных форумов обошёл, и вижу что DIVами верстать оказывается "Модно", и заказчики зачастую требуют именно такую структуру... Можете объяснить почему, всё дело в Моде?? или есть плюсы о которых я не знаю

(Ничего не знаю об айФонах,только гипотеза))) Не понял суть вопроса, но интуиция подсказывает так: При переворачивании сего изделия изменяется ширина окна, ==> перезагружается страница, чтобы применить новый стиль <body onresize="window.location.reload();"> Происходит определение ширины окна браузера и вставка изменений в стилевых таблицах. <HTML> <BODY> ... <STYLE> ... </STYLE> ... ... <script language="JavaScript1.2"> if (window.innerWidth >=500 ){ document.write('<STYLE>Новыя разметка</STYLE>'); document.write('<STYLE>Новыя разметка2</STYLE>') } </script> </BODY> </HTML>

http://imageshack.us/photo/my-images/834/79618884.jpg/ Мне сложно что либо написать , у меня explorer (9) - справа, отображает страницу почти также как хромиум. (различия связанны с отсутствием картинки) думаю это из-за float - попробуй его убрать. вот немного подогнал, но по хорошему все это на таблицах переверстать - практичней!))) только фон - картинку верни) <STYLE> #tovary { margin:20px 0px 0px 0px; width:658px; } .small-knife { width:325px; height:358px; margin:0px 0px 10px 0px; background:#ffffff; float:left;; border:1px solid #eaeaea; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .small-name { width:325px; margin:4px 0px 2px 0px; text-align:center; } .small-name a { text-decoration:none; font-family:Arial,sans-serif; font-size:13px; font-weight:bold; color:#535151; } .small-img{ width:272px; height:203px; margin:5px 0px 0px 26px; } .small-img img { border:none; } .price-small { width:303px; height:88px; margin:9px 0px 0px 11px; border:1px solid #dedad6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:0-linear-gradient(top, #fff, #f6fafe); background: -moz-linear-gradient(top, #fff, #f6fafe); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f6fafe)); background: -webkit-linear-gradient(top, #fff, #f6fafe); background: -o-linear-gradient(top, #fff, #f6fafe); background: -ms-linear-gradient(top, #fff, #f6fafe); background: linear-gradient(top, #fff, #f6fafe); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6fafe'); } .price { width:134px; height:65px; margin:12px 0px 0px 17px; border-right:1px dashed #e2e3e8; position:absolute; } .price b { font-size:31px; font-family:Arial,sans-serif; color:#c83b00; } .buy {margin:16px 0px 0px 168px;position:absolute;width:120; } .opisanie { font-size:17px; text-decoration:underline; color:#525151; margin-left:5px; } .buy-small {border-radius:5px; width:98px; height:auto; background-repeat:no-repeat; background:green; color:#ffffff; font-size:14px; padding-top:5px; padding-bottom:5px; font-family:Arial,sans-serif; text-decoration:none; display:block; text-align:center; } </STYLE>

Ты сам на свой вопрос и ответил.. Сделай видео с переходами --> экспорт в gif и удали лишние кадры (помоему фотошоп даже умеет) а вообще - погугли

Если я правильно понял смысл вопроса, то я бы всунул картинку в свойство background: какого нибудь DIVа, а уже ему и задавал ширину и высоту

попробовал на своем explorer 9 - всё растягивается, и подгоняется под ширину option. А вообще - если у меня и бывают проблемы с вёрсткой - то только для explorera))

Дико извиняюсь, что старые темы поднимаю, но в копилку: <STYLE> body {overflow-x:hidden;} </STYLE>