Jump to content

ArtOfHuman

User
  • Posts

    34
  • Joined

  • Last visited

Everything posted by ArtOfHuman

  1. Собственно сейчас флэшка вставляется так <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
  2. Собственно сейчас флэшка вставляется так <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; } Коректно работает такое только в ФФ. В остальных браузерах влешка перекрывается ссылку. Вопрос. Как логично сделать? И какие способы есть вссавки ссылки на флешку.
  3. Проблема собсвенно с позиционированием. Скрины Кусок проблемного кода <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; } Проблемы с выравниванием по вертикали в разных браузерах. Подскажите решение..
  4. Это я тестил уже просто.. вот изначальный код стилей.. #flash_banner{ overflow: hidden; position: relative; width: 100%; } #fl_1{ position: absolute; width: 1280px; margin: 0 0 0 -640px; left: 50%; } Суть то в том чтобы при 1280 вся флешка выводилась, а при 1024 обрезались края и выводился центр флншки.. Все разобрался вроде Высоту надо было еще задать.
  5. Попробовал сделать так. <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 все таки есть небольшая полоса прокрутки. В ИЕ Флэшка не отображается теперь..
  6. Задача такая. Есть флешка с разрешением 1280, необходимо на разрешении 1024 выводить центр этой флешки, то есть как бы обрезать ее с двух концов и вывести только центр. Вопрос. При помощи CSS это возможно как то реализовать ?
  7. Подскажите как реализовать такую вещь.. http://fotki.yandex.ru/users/artofhuman/view/2193/ Нужно чтобы при наведении на ссылку она подсвечивалась. Думал фоном задавать по всей высоте ссылке, но тогда высота кликабильной области ссылки будет большая.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy