同一线上的物体没有失去位置?

时间:2009-07-17 20:16:34

标签: html css navigation line banner

我试图在导航栏顶部放置两个横幅,所有内容都很好地居中。我可以让两个横幅很好地相互坐在一起但是当我使浏览器窗口变小时,第一个横幅就在第二个横幅上面了!

是否有代码我可以阻止这个?如果是这样,请告诉我。

这是我到目前为止所做的:

<center>  
<a href="loanworkout.org">
    <img width="200" height="60" src="header-2.gif">
</a>
<a href="htpp://www.modifyloan.net">
    <img width="660" height="60" src="loansafe_728x90.gif">
</a> 
<BR>

1 个答案:

答案 0 :(得分:2)

您可以在横幅的容器上设置最小宽度。

根据您的评论进行修改:

<center> <!-- *shudder* -->
    <div style="min-width: 860px;"> <!-- inline only for example purposes -->
        <a href="loanworkout.org">
            <img width="200" height="60" src="header-2.gif">
        </a>
        <a href="htpp://www.modifyloan.net">
            <img width="660" height="60" src="loansafe_728x90.gif">
        </a> 
    </div> <!-- ditch the BR -->
    ... 
</center>