Масштабирование swf в таблице

Niucha · August 16, 2011

Доброго времени суток, уважаемые профессионалы!

Хочу сверстать простейшую html страничку с вставленным swf файлом. Все бы хорошо, но мне нужно, чтобы его размер изменялся в зависимости от размера окна. Усложняется дело тем, что слева должен быть столбец заданной ширины.

Пробовала двумя способами - через таблицу и div'ами, в обоих случаях получается ерунда.

Вариант с div'ами.

<html>
<head>
<title>страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #ffffff; min-width:1200px}
body { margin:0; padding:0; overflow:hidden; }
#flashContent {height: 100%; width: 80%; min-width: 892px; float:left }
#leftcol { width: 20%; min-width: 308px; background:url(fonblock.jpg) repeat-y; float:left }
A.rollover1 {
background: url(1.jpg);
display: block;
width: 258px;
height: 57px;
}
A.rollover1:hover {
background-position: 0
-57px;
}
A.rollover2 {
background: url(2.jpg);
display: block;
width: 258px;
height: 57px;
}
A.rollover2:hover {
background-position:
0
-57px;
}
A.rollover3 {
background: url(3.jpg);
display: block;
width: 258px;
height: 57px;
}
A.rollover3:hover {
background-position:
0
-57px;
}
A.rollover4 {
background: url(4.jpg);
display: block;
width: 258px;
height: 57px;
}
A.rollover4:hover {
background-position: 0
-57px;
}
</style>
</head>
<body>
<div id="leftcol"><table width="308px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25" height="17"></td>
<td width="261"></td>
<td width="22"></td>
</tr>
<tr valign="top">
<td height="70"> </td>
<td><a class="rollover1" href=""></a></td>
<td> </td>
</tr>
<tr valign="top">
<td height="70"> </td>
<td><a class="rollover2" href=""></a></td>
<td> </td>
</tr>
<tr valign="top">
<td height="70"> </td>
<td><a class="rollover3" href=""></a></td>
<td> </td>
</tr>
<tr valign="top">
<td> </td>
<td><a class="rollover4" href=""></a></td>
<td> </td>
</tr>
</table></div>
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="мояфлешка" align="left">
<param name="movie" value="../мояфлешка.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="lt" />
<param name="allowScriptAccess" value="sameDomain" />

<object type="application/x-shockwave-flash" data="../мояфлешка.swf" width="100%" height="100%">
<param name="movie" value="../мояфлешка.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="lt" />
<param name="allowScriptAccess" value="sameDomain" />

<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Загрузить Adobe Flash Player" />
</a>

</object>

</object>
</div>
</body>
</html>

Вариант с таблицей.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
body {margin:0}
#leftcol { width: 308px; min-height: 508ox; background:url(fonblock.jpg) repeat-y; }
#flashContent { width:100%; height:100%; }
#main {min-width: 1000px; max-width: 1292px;}
A.rollover1 {
background: url(1.jpg);
display: block;
width: 258px;
height: 57px;
}
A.rollover1:hover {
background-position: 0
-57px;
}
A.rollover2 {
background: url(2.jpg);
display: block;
width: 258px;
height: 57px;
}
A.rollover2:hover {
background-position:
0
-57px;
}
A.rollover3 {
background: url(3.jpg);
display: block;
width: 258px;
height: 57px;
}
A.rollover3:hover {
background-position:
0
-57px;
}
A.rollover4 {
background: url(4.jpg);
display: block;
width: 258px;
height: 57px;
}
A.rollover4:hover {
background-position: 0
-57px;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="14%">
<div id="leftcol">
<table width="308px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25" height="17"></td>
<td width="261"></td>
<td width="22"></td>
</tr>
<tr valign="top">
<td height="70"> </td>
<td><a class="rollover1" href=""></a></td>
<td> </td>
</tr>
<tr valign="top">
<td height="70"> </td>
<td><a class="rollover2" href=""></a></td>
<td> </td>
</tr>
<tr valign="top">
<td height="70"> </td>
<td><a class="rollover3" href=""></a></td>
<td> </td>
</tr>
<tr valign="top">
<td> </td>
<td><a class="rollover4" href=""></a></td>
<td> </td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</td>
<td width="86%"><div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1292" height="297" id="мояфлешка" align="middle">
<param name="movie" value="мояфлешка.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />

<object type="application/x-shockwave-flash" data="мояфлешка.swf" width="1292" height="297">
<param name="movie" value="мояфлешка.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />

<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Загрузить Adobe Flash Player" />
</a>

</object>

</object>
</div>
</td>
</tr>
</table>
</body>
</html>

Я совсем не специалист и уже сломала себе голову об эту, как мне казалось, простую страничку! :rolleyes: Помогите, пожалуйста!

tius · August 17, 2011

стили для слоев


#leftcol { float: left;  min-width: 308px; background:url('fonblock.jpg') repeat-y;}
#flashContent { float: left; margin: 0 -308px 0 0; width: 100%;}

Niucha · August 17, 2011

стили для слоев

Спасибо, получилось... почти... Флешка встала на место, но не масштабируется. Причем не понимаю, откуда взялся размер: исходный файл большой, 1200Х300, а тут отображается 700Х150 (примерно).

Однажды получилось сделать странную вещь: поле, где была флешка, тянулось по горизонтали (появлялись черные поля), но сама флешка оставалась неизменного (снова 700Х150) размера.

Sign In

Масштабирование swf в таблице

Question

Niucha

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

tius

Link to comment

Share on other sites

Niucha

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information