音乐频道之音乐播放器布局

[code]
<div id="video">
<h1>[v]音乐台</h1>
<div>
<span>中间写js来生成对象</span>----这个里面放flash
<ul>
<li><img src="images/flvplay-1.jpg"/></li>
<li><img src="images/flvplay-2.jpg"/></li>
<li><img src="images/flvplay-3.jpg"/></li>
<li><img src="images/flvplay-4.jpg"/></li>
</ul>
</div>
<strong>如果您无法观看视频，请点击此处</strong>
</div>

#video{
width:500px;
height:336px;
background:url(images/flv_bottom.jpg) no-repeat left bottom; //----这是底边
float:right;
margin-bottom:10px;
}
#div h1{
width:500px;
height:31px;
line-height:31px;
color:#fff;
font-size:12px;
text-align:center;
background:url(images/flv_top.jpg) no-repeat left center; //插入h1的图片
}

#video div{
width:auto; //或者设置成460px; 使得总长为500px. 如果设置为500px那么会溢出
height:289px; //注意：这里要减少 10px,本来是299px
background:url(images/flv_bg.jpg);
padding-left:40px;
padding-top:10px;
}
#video div span{--放播放器的地方
width:320px;
height:260px;
dispaly:block;
background:red;
float:left;
}
#video div span object{//这个是js生成的对象
padding-top:15px;
}

#video div ul{
padding-left:5px;
width:80px;
height:260px;
background:blue;
float:left:
}

#video div ul li img{
width:75px;
height:55px;
display:block;
padding-bottom:5px;
padding-top:5px;
}

#video div strong {
height:20px;
line-height:20px;
display:block;
clear:both;
background:
text-indent:20px;
font-weight:normal;

}

[/code]