我刚刚在这里发布了一个关于 div 对齐的问题。我最初的问题得到了回答,但现在我又遇到了另一个问题。链接到我正在尝试做的事情:单击此处查看图像(单击链接无害)顺便说一句,这不是家庭作业。链接上的顶部图像(我在 Fireworks 中创建的东西)是我第一次尝试做的布局(我解决了这个问题),但现在我正在尝试添加一个站点名称 div,正如你在第二张图片中看到的那样,它正在使用正确的 div 创建问题。
昨天和今天,我真的不在比赛中,犯了这些简单的愚蠢错误。我只需要另一双眼睛来看看我的问题是什么。谢谢。
CSS:
#header {
width:750px;
height:341px;
margin-left:25px;
display:block;
}
#tableleft {
float: left;
width: 128px;
margin-left:10px;
margin-right: 5px;
margin-top:10px;
}
#Sitename {
text-align: center;
white-space: normal;
display: table;
float: left;
width: 400px;
height:40px;
margin-top:10px;
margin-left:25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
}
#tablecenter {
margin-left:20px;
float: left;
width: 410px;
margin-bottom:5px;
margin-top:30px;
}
#tableright {
float: right;
width: 128px;
margin-left: 20x;
margin-right:10px;
margin-top:10px;
margin-bottom:5px;
}
HTML:
<div id="header">
<div id="tableleft">
<div align="center">
<p><img src="images/SmWhitepic.jpg" width="118" height="87" /></p>
<p> </p>
<p><img src="images/SmWhitepic.jpg" width="118" height="87" /></p>
<p> </p>
<p><img src="images/SmWhitepic.jpg" width="118" height="87" /></p>
</div>
</div>
<div id="Sitename">Content for id "Sitename" Goes Here</div>
<div id="tablecenter">
<h1><img src="images/LgWhitepic.jpg" width="410" height="242" /></h1>
</div>
<div id="tableright">
<p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
<p> </p>
<p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
<p> </p>
<p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
</div>
</div>