浏览 1434 次
|
已锁定 主题：帮忙看看下面的CSS代码?
该帖已经被评为隐藏帖
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2007-09-27
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>标签示例</title> <style type="text/css"> <!-- body { font-size:14px; font-family:"宋体"} ol li { margin:8px} #con { font-size:12px; width:600px; margin:0 auto} #tags { height:23px; width:400px; margin:0; padding:0; margin-left:10px} #tags li { float:left; margin-right:1px; background:url(http://www.happyshow.org/sample/20061108/images/tagleft.gif) no-repeat left bottom; height:23px; list-style-type:none} #tags li a { text-decoration:none; float:left; background:url(http://www.happyshow.org/sample/20061108/images/tagright.gif) no-repeat right bottom; height:23px; padding:0px 10px; line-height:23px; color:#999} #tags li.emptyTag { width:4px; background:none} #tags li.selectTag { background-position: left top; position:relative; height:25px; margin-bottom:-2px} #tags li.selectTag a { background-position: right top; color:#000; height:25px; line-height:25px;} #tagContent { padding:1px; background-color:#fff; border:1px solid #aecbd4;width:100%;} .tagContent { background:url(bg.gif) repeat-x; height:350px; padding:10px; color:#474747; width:576px; display:none} #tagContent div.selectTag{ display:block} .tagFrame{ background:url(bg.gif) repeat-x; } --> </style> </head> <body> <div id="con"> <ul id="tags"> <li class="selectTag" id="tab1"><a href="#" >基本信息</a></li> <li id="tab2"><a href="#">库存信息111111</a></li> <li id="tab3"><a href="#" >采购信息</a></li> <li id="tab4"><a href="#">销售信息</a></li> </ul> </div> </body> </html> -------------------------------------------------------------------- 以上代码直接在IE下浏览,标题栏显示没有问题,但在dreamweaver下,进入设计状态,发现有错位情况,请问如何修改CSS,才能让标题栏显示在一行,现在是基本信息四个字就显示了四行,望前辈们指点一下,谢谢. 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
