Как исправить положение объекта рядом с другим на веб-странице? - PullRequest
Новая
       25

Как исправить положение объекта рядом с другим на веб-странице?

1 голос
/ 19 июня 2011

Я хотел бы разместить кнопку facebook в левом нижнем углу фильма, который будет на экране.Моя проблема в том, что при изменении размера экрана позиция swf изменяется (она остается в центре экрана, и это то, что я хочу), но положение кнопки facebook не меняется с флэш-фильмом.

Myсайт http://www.quickguitartuner.com/ (если он отказывается загружаться с первой попытки, нажмите F5. Это еще одна проблема, с которой я застрял)

Код страницы: 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Quick Guitar Tuner</title>
</head>

<body>

<p align="center"><u>
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="900" height="550">
    <param name="movie" value="Flash/bin/main2_secure.swf">
    <param name="quality" value="High">
    <embed src="Flash/bin/main2_secure.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="900" height="550" quality="High"></object>
</u></p>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=127418320673531&amp;xfbml=1"></script><fb:like href="http://www.quickguitartuner.com/" send="true" layout="box_count" width="450" show_faces="true" font="" style="position:relative; left:500px; top:0px"></fb:like>

</body>

</html>

Спасибо!

ОБНОВЛЕНИЕ:

Я вставил код кнопки facebook в код объекта SWF, например: 

<p align="center"><u>
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="900" height="550">
    <param name="movie" value="Flash/bin/main2_secure.swf">
    <param name="quality" value="High">
    <embed src="Flash/bin/main2_secure.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="900" height="550" quality="High">
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=127418320673531&amp;xfbml=1"></script><fb:like href="http://www.quickguitartuner.com/" send="true" layout="box_count" width="450" show_faces="true" font="" style="position:relative; left:600px; top:-300px"></fb:like></object>
</u></p>

, и теперь это похоже на работу.Это обходной путь в порядке?

Ответы [ 3 ]

1 голос
/ 19 июня 2011

Ваше обновление не является обходным решением, так как вы не используете CSS, и да, это ответ!В результате вы поместили выравнивание в тег P, чтобы браузер автоматически отображал тег P в центре.Но вы можете сделать это, поскольку это, вероятно, поможет вам, поскольку размещать facebook внутри тега объекта swf небезопасно.это было бы лучше: 

<p align="center"><u>
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="900" height="550">
    <param name="movie" value="http://www.quickguitartuner.com/Flash/bin/main2_secure.swf">
    <param name="quality" value="High">
    <embed src="Flash/bin/main2_secure.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="900" height="550" quality="High">
</object>
</u></p>
    <p align="center"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=127418320673531&amp;xfbml=1"></script><fb:like href="http://www.quickguitartuner.com/" send="true" layout="box_count" width="450" show_faces="true" font="" ></fb:like>
</p>
0 голосов
/ 19 июня 2011

Попробуйте применить этот CSS: 

position: relative;
left: 50%;
bottom: 10px;
width: 60px;
margin-left: -30px;

Скриншот

0 голосов
/ 19 июня 2011

Просто поместите содержимое Facebook в тот же p -элемент, что и во флэш-объекте: 

<p align="center"><u>
<object ...>
...
</object>
<div id="fb-root"></div><script src="...">...</fb:like>
</u></p>

И, конечно, удалить стиль left:500px; fb:like. Так что все по центру, но кнопка «Нравится» расположена слева от вспышки.

...