ArtOfHuman
User-
Posts
34 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by ArtOfHuman
-
Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> далее встаявляю чтобы эта ссылка накладывалась поверх флешки <a href="http://clean66.ru/index.php?option=com_content&task=view&id=7&Itemid=9" id="banner_link"></a> </div> В стилях следующие #banner{ position: relative; float: right; margin: 10px 32px 0 0; width: 138px; } #banner_link{ display: block; position: absolute; right: 0; width: 138px; height: 200px; z-index: 20; } #flash{ z-index: 1; } Коректно работает такое только в ФФ. В остальных браузерах влешка перекрывается ссылку. Вопрос. Как логично сделать? И какие способы есть вссавки ссылки на флешку. p
-
Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> далее встаявляю чтобы эта ссылка накладывалась поверх флешки <a href="http://clean66.ru/index.php?option=com_content&task=view&id=7&Itemid=9" id="banner_link"></a> </div> В стилях следующие #banner{ position: relative; float: right; margin: 10px 32px 0 0; width: 138px; } #banner_link{ display: block; position: absolute; right: 0; width: 138px; height: 200px; z-index: 20; } #flash{ z-index: 1; } Коректно работает такое только в ФФ. В остальных браузерах влешка перекрывается ссылку. Вопрос. Как логично сделать? И какие способы есть вссавки ссылки на флешку.
-
Все . Проблему рушил.
-
Проблема собсвенно с позиционированием. Скрины Кусок проблемного кода <div id="header_right"> <div id="icons"> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_home.gif" alt="Главная" class="ico" />'; ?></a> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_map.gif" alt="Карта сайта" class="ico" />'; ?></a> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_mail.gif" alt="Почта" class="ico" />'; ?></a> </div> <div id="telephons"> <div id="cod">+7343</div> <div id="tel"> <span>358 9403</span><br /><span>357 9000</span> </div> </div> </div> CSS #header_right{ position: absolute; right: 0; top: 0; background: url(../images/header_right.jpg) no-repeat; height: 165px; width: 500px; } #icons{ position: relative; left: 275px; top: 1px; } .ico{ margin: 0 5px 0 5px; } #telephons{ position: relative; left: 240px; top: 20px; font-family: arial; height: 50px; width: 150px; } #cod{ margin: 15px 5px 0 0; float: left; font-size: 16px; font-weight: bold; color: #A7F6FF; } #tel{ float: left; } #telephons span{ color: #ffffff; font-size: 21px; } Проблемы с выравниванием по вертикали в разных браузерах. Подскажите решение..
-
Обрезать флешку с двух концов под разрешение экрана
ArtOfHuman replied to ArtOfHuman's question in HTML Coding
Это я тестил уже просто.. вот изначальный код стилей.. #flash_banner{ overflow: hidden; position: relative; width: 100%; } #fl_1{ position: absolute; width: 1280px; margin: 0 0 0 -640px; left: 50%; } Суть то в том чтобы при 1280 вся флешка выводилась, а при 1024 обрезались края и выводился центр флншки.. Все разобрался вроде Высоту надо было еще задать. -
Обрезать флешку с двух концов под разрешение экрана
ArtOfHuman replied to ArtOfHuman's question in HTML Coding
Попробовал сделать так. <div id="flash_banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="1280" height="360" id="fl_1" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="fl_1.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /> <embed src="fl_1.swf" quality="high" bgcolor="#000000" width="1280" height="360" name="fl_1" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </div> А в стилях прописал следующее. #flash_banner{ overflow: hidden; position: relative; width: 1280; } #fl_1{ position: absolute; width: 1280px; margin: 0 0 0 -640px; left: 50%; } Заработало в FF и Opere, Но при 1024 все таки есть небольшая полоса прокрутки. В ИЕ Флэшка не отображается теперь.. -
Спасибо. Разобрался.
-
Задача такая. Есть флешка с разрешением 1280, необходимо на разрешении 1024 выводить центр этой флешки, то есть как бы обрезать ее с двух концов и вывести только центр. Вопрос. При помощи CSS это возможно как то реализовать ?
-
Подскажите как реализовать такую вещь.. http://fotki.yandex.ru/users/artofhuman/view/2193/ Нужно чтобы при наведении на ссылку она подсвечивалась. Думал фоном задавать по всей высоте ссылке, но тогда высота кликабильной области ссылки будет большая.