0

嗨，我在我们的首页网站上遇到了一些与 Facebook 提要页面对齐问题的问题。

所有的部分都应该放在中心，或者至少离开并在它们之间有填充以使其看起来均匀，但是 facebook 一直推到没有填充的 instagram 提要

该网站位于 braaap-dev.3dcartstores.com，有问题的代码如下：

<!--START: FRAME_MAILLIST-->
<form method="post" name="mailing" action="mailing_list.asp?action=add" onsubmit="return mailing_list();" style="margin:0px;padding:0px;margin-bottom:12px;">
<div style="font-size:14px;"><span style="font-weight: bold; ">Sign-up to our weekly newsletter & stay up to date<br>with events, promotions & specials!</span></div>
<div style="padding:10px 0px;"><input name="email" type="text" class="txtBoxStyle" value="enter your email" size="18" onfocus="javascript:if (document.mailing.email.value=='enter your email') {document.mailing.email.value='';};" onblur="if(this.value.length == 0) this.value = 'enter your email'" style="font-size:12px;width:315px;padding:8px 14px;_padding:10px 14px 6px 14px;padding:10px 14px 6px 14px\0;padding:10px 14px 6px 14px\9;"></div>
<div><input name="subscribe" value="1" type="hidden"><input type="image" name="www" src="assets/templates/[template]/images/signup.jpg"></div>
</form>
<!--END: FRAME_MAILLIST-->
<div>
<style type="text/css">
                        div.feedburnerFeedBlock ul li { 
                            float: left; 
                            width: 325px; 
                            height: 60px; 
} 
                        div.feedburnerFeedBlock { 
                            background-color:#FFFFFF;
                            padding:20px; 
                            color:#7A7A7A;
                            font-family:tahoma;
                            font-size:11px;
                        }
                        div.feedburnerFeedBlock ul {
                            margin-left:0px;
                            padding-left:0px;
                            list-style-type: square;
                        }
                        div.feedburnerFeedBlock ul li span.headline { 
                            font-size:16px;
                            font-weight:bold;
                            color:#000000;
                            text-decoration:none;
                            display:block; 
                            margin:5px 0 0 0; 
                        }
                        .headline a{ 
                            font-size:14px;
                            color:#000000;
                        }
                        .headline a:hover{ 
                            color:#DF01A5;
                        }
                        .feedTitle a{ 
                            font-size:16px;
                            font-weight:bold;
                            color:#000000;
                        }
                        .postlink{ 
                            font-size:11px;
                        }

                        div  #creditfooter{ 
                        display: none; 
                        } 
</style>
<script src="http://feeds.feedburner.com/LatestFromTheBlog?format=sigpro"     type="text/javascript" ></script>

</div></td>
<td align="left" valign="top"><a href=""><div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="http://www.facebook.com/braaapOnline" data-width="266" data-height="420" data-show-faces="true" data-stream="true" data-header="true">        </div>
</a></td>

<td align="right" valign="top"><a href=""><iframe src="http://snapwidget.com/in/?u=YnJhYWFwb25saW5lfGlufDEzNXwyfDN8fG5vfDV8bm9uZXxvblN0YXJ0fHllcw==&v=19913" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:266px; height: 420px" ></iframe></a></td>
</tr>
</tbody></table>

这是整行的代码，包括时事通讯注册、博客提要、facebook 和 instragram

请帮忙！！

4

2 回答 2

0

将这些属性应用于第二个<td>（具有 Facebook 页面提要的那个）

position: absolute;
margin-left: -280px;

正如Riskbreaker所说，你最好使用Div标签，因为它们更干净，使用CSS易于处理，特别是在你的情况下，因为你似乎试图给它一个网格布局（系统）

于 2013-09-25T06:13:36.847 回答
0

查看您的网站，...首先我建议将您的表格更改为更语义化的代码，例如 div..

然后你可以在这里编辑你的 iframe 框：

http://developers.facebook.com/docs/reference/plugins/like-box/

尝试添加更小的宽度，获取代码，看看是否有帮助。

于 2013-09-25T01:32:14.007 回答