<style type="text/css">
* {
padding: 0px
margin: 0px
}
body{
width:953px
margin:0 auto}
#top {
background-color: #000000
font-size: 24px
font-weight: bold
text-align: center
color: #FF0000
height: 30px
padding: 5px
}
#main {
background-color: #99CC00
color: #000099
top: 90px
}
#main_lift {
background-color: #996633
width: 380px
float: left
padding: 10px
}
#main_right {
background-color: #996699
width: 528px
float: right
padding: 10px
}
#footer {
background-color: #66FF00
font-size: 24px
color: #336633
width: 963px
margin-top: 0px
height: 84px
}
h3 {
font-size: 36px
}
.clear{
clear:both
}
</style>
css部分
这样就可以了，一定要给分啊～
应该是代码不规范，在现在W3c认证中，最好是小写不要出现大写，firefox对css和代码更是要求规范。下面是我的代码，你把你的内容你码放到里面就出来效果了。
<div id="fdemo" style="overflow:hiddenheight:140pxwidth:953pxmargin:0 10pxwhite-space: nowrap">
<table width="100%" border=0 align=left cellpadding=0 cellspacing=0>
<tr>
<td id=fdemo1 valign=top>
这里放你的图片代码
</td>
<td id=fdemo2 valign=top></td>
</tr>
</table>
</div>
<script language="javascript">
var speed=16 //速度(单位：毫秒，1秒=1000毫秒)
var fdemo = document.getElementById("fdemo")
var fdemo1 = document.getElementById("fdemo1")
var fdemo2 = document.getElementById("fdemo2")
fdemo2.innerHTML=fdemo1.innerHTML
function Marquee1(){
if(fdemo1.offsetWidth-fdemo.scrollLeft<=0)
fdemo.scrollLeft-=fdemo2.offsetWidth
else{
fdemo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
fdemo.onmouseover=function() {clearInterval(MyMar1)}
fdemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
是百度空间吧？我估计是这样：
这一张图片就把那五个词包含了。
导航栏原本的字实际颜色为透明。
然后就是导航栏竖排问题。
这个，最简单的方法就是：
header {width:100px} /*header宽度100px
tab a {width:60px} /*单一按钮宽度，只要两个按钮宽度和超过100就行
这只是一个举例。为了与图片上的字完全合衬上，你得一遍遍试验。
