Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Как выравнять .SWF по центру экрана?

Автор: vlad275 27.4.2012, 13:09

Вот так не получается

Код


<HTML>
    <HEAD>
        <meta http-equiv=Content-Type content="text/html;  charset=">
        <TITLE>Untitled-4</TITLE>
    </HEAD>
    <BODY bgcolor="#FFFFFF">
        <div id="wrap" style="margin-left:auto;margin-right:auto;">
            <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
                WIDTH="1200" HEIGHT="110" id="Untitled-4" ALIGN="">
                <PARAM NAME=movie VALUE="clip3.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> 
                <EMBED src="clip3.swf" quality=high bgcolor=#FFFFFF  WIDTH="580" HEIGHT="400" NAME="Untitled-4" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
            </OBJECT>
        </div>
    </BODY>
</HTML>

Автор: rz00007 28.4.2012, 10:58

<OBJECT....ALIGN=""..... - это видишь ? Попробуй указать ALIGN="CENTER"
<EMBED....ALIGN=""..... - тоже самое указать ALIGN="CENTER"

Автор: Aliance 1.5.2012, 11:31

Код


#wrap {
    margin: 0 auto;
    width: 100px;
}

Автор: rz00007 5.5.2012, 22:04

Цитата(Aliance @ 1.5.2012, 11:31)

Код


#wrap {
    margin: 0 auto;
    width: 100px;
}

Таким способом выравнить можно только внешнее выравнивание!

Автор: vlad275 10.5.2012, 11:20

Не все так просто. Вот так центрирует не по центру, а с небольшим смещением вправо: http://77.105.164.89/clip3b.html

Код


<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html;  charset=">
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#0000FF">
    <div id="wrap" style="margin:0 auto;width: 100px;">
            <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"    WIDTH="528" HEIGHT="400" id="clip3" ALIGN="CENTER">
             <PARAM style="wmode=:transparent" NAME=movie VALUE="clip3.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> 
             <EMBED style="wmode=:transparent" src="clip3.swf" quality=high bgcolor=#6699FF  WIDTH="528" HEIGHT="400" NAME="Untitled-1" ALIGN="CENTER" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
            </OBJECT>
            <a href="i.php">Пропустить заставку</a>
        </div>
</BODY>
</HTML>

А вот так влево :-( http://77.105.164.89/clip3c.html

Код


<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html;  charset=">
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#0000FF">
            <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"    WIDTH="528" HEIGHT="400" id="clip3" ALIGN="CENTER">
             <PARAM style="wmode=:transparent" NAME=movie VALUE="clip3.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> 
             <EMBED style="wmode=:transparent" src="clip3.swf" quality=high bgcolor=#6699FF  WIDTH="528" HEIGHT="400" NAME="Untitled-1" ALIGN="CENTER" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
            </OBJECT>
            <a href="i.php">Пропустить заставку</a>
</BODY>
</HTML>

Автор: Aliance 10.5.2012, 17:17

Ну потому что нужно ширину не скопипастить, а изменить на свою. У вас флешка имеет ширину 528, а вы ее пихаете в контейнер с шириной 100 пикселей.

И, господи, смотреть не возможно на такой быдлокод. Используйте теги нижнего регистра, откажитесь от древних атрибутов и используйте w3c validator.

Автор: vlad275 11.5.2012, 10:55

Этот "быдло-код" сгенерирован программой Adobe Flash CS5

Добавлено через 3 минуты и 40 секунд
Выравнивается двумя способами.
1. Устаревшим тегом CENTER
2. Обертыванием в блок div id="wrap" style="margin:0 auto;width:ширинафлеша;"