在图像和边框之间填充

时间:2011-09-01 08:12:13

标签: html facebook facebook-page

正在开发一个facebook fanpage。我遇到了我正在使用的主图像之间的空间和页面边框的问题。我只是希望图像显示并在粉丝页面上显示所有空间。 这是我的代码,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nikah4Life</title>
<script type="text/javascript">window.fbAsyncInit = function() {FB.Canvas.setSize();}// Do things that will sometimes call sizeChangeCallback()function sizeChangeCallback() {FB.Canvas.setSize();}</script>
</head>

<body>
<div style="text-align:center; width:532px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_8201108311953149" src="sponsors.jpg" usemap="#Image-Maps_8201108311953149" border="0" width="400" height="700" alt="" />
<map id="_Image-Maps_8201108311953149" name="Image-Maps_8201108311953149">
<area shape="rect" coords="53,6,356,33" href="http://www.nikah4life.com/" target="_blank" alt="" title=""    />
<area shape="rect" coords="146,650,259,691" href="http://www.nikah4life.com/" target="_blank" alt="" title=""    />
<area shape="rect" coords="59,269,123,303" href="http://twitter.com/#!/Nikah4Life" target="_blank" alt="" title=""    />
<area shape="rect" coords="165,269,236,303" href="http://www.youtube.com/nikah4life"  target="_blank" alt="" title=""    />
<area shape="rect" coords="268,269,349,303" href="http://www.nikah4life.com/contact.php" target="_blank" alt="" title=""    />
<area shape="rect" coords="8,328,179,397" href="http://harunyahya.co.uk/"  target="_blank" alt="" title=""    />
<area shape="rect" coords="134,396,291,461" href="http://www.linksdisti.com/"  target="_blank" alt="" title=""    />
<area shape="rect" coords="222,324,395,399" href="http://www.zainbhikha.com/index.htm" alt=""  target="_blank" title=""    />
<area shape="rect" coords="245,488,387,625" href="http://www.youtube.com/nikah4life" alt="" target="_blank" title=""    />
<area shape="rect" coords="361,426,395,459" href="http://www.technology-arena.com/" alt="" title=""    />
<area shape="rect" coords="8,426,40,459" href="http://www.technology-arena.com/" alt="" title=""    />
</map>
</div>
         <div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
 appId  : 'your APP ID Goes Here',
 status : true, // check login status
 cookie : true, // enable cookies to allow the server to access the session
 xfbml  : true// parse XFBML
 });

 FB.Canvas.setAutoResize(7);

 </script>   
</body>
</html>

修改 从中间到左侧更改对齐使其工作。谢谢你的回答。

2 个答案:

答案 0 :(得分:0)

Pages的画布应该有一个边框。我不认为它可以删除。

答案 1 :(得分:0)

在你的css中使用这段代码

  

body {                   宽度:520px;                   余量:0;                   填充:0;                   边界:0;                   溢出:隐藏;                   }