界面效果如下：
http://www.ec2u.net.cn/website/product_health2.html
这个是表格形式的，麻烦改成DIV+CSS的。
Div+CSS专业服务
QQ：412688637
引用 1 楼 chinazdg 的回复:
Div+CSS专业服务
QQ：412688637
什么服务
UP
UP
引用 5 楼 shenzhennba 的回复:
如下。。。
HTML code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <metahttp-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档 </title> </head> <STYLEtype=text/css>BODY{
MARGIN: 0px;}
.bg{background-image:url(http://www.ec2u.net.cn/website/img/shop_product_health_bg.jpg);
background-repeat:repeat-y;
width:782px;}
.top{height:80px; text-align:right; vertical-align:top; border:0;}
.box{text-align:left; margin:0; padding:0; border:0; background-color:#A61F01}
.subbox01{clear:none; float:left; margin:0; padding:0; border:0; background-color:#A61F01} </STYLE> <bodybgColor=#ce0000> <center> <divclass="bg"> <divclass="top"> <imgsrc="http://www.ec2u.net.cn/website/img/btn_back_u.png"> </div> <!--row 01--> <divid="row01" class="box"> <divid="product01" class="subbox01"> <ahref="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0095"> <imgwidth="249" height="143" src="http://www.ec2u.net.cn/website/img/health_wheatgrass_v.jpg" border="0"> </a> </div> <divid="product02" class="subbox01"> <ahref="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0096"> <imgwidth="173" height="143" src="http://www.ec2u.net.cn/website/img/health_insupro_v.jpg" border="0"> </a> </div> <divid="product03" class="subbox01"> <ahref="http://www.ec2u.net.cn/website/product/product_health_procan.cfm"> <imgwidth="85" height="143" src="http://www.ec2u.net.cn/website/img/health_procan_v.jpg" border="0"> </a> </div> <divid="product04" class="subbox01"> <ahref="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0070"> <imgwidth="115" height="143" src="http://www.ec2u.net.cn/website/img/health_skywheat_v.jpg" border="0"> </a> </div> <divid="product05" class="subbox01"> <ahref="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0062"> <imgwidth="160" height="143" src="http://www.ec2u.net.cn/website/img/health_1e20_v.jpg" border="0"> </a> </div> </div> <!--row 01--> <!--如下相同--> </div> <br> <fontcolor="#FFFFFF"><!--如下相同结构--> </font> </center> </body> </html>
谢谢你的回答，能帮我改一下么。我希望的是所有的产品图片都在一个div里面显示出来。
类似这样
HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<STYLE type=text/css>BODY {
MARGIN: 0px;
}
.bg{background-image:url(http://www.ec2u.net.cn/website/img/shop_product_health_bg.jpg);
background-repeat:repeat-y;
width:782px;
}
.top{height:80px; text-align:right; vertical-align:top; border:0;}
.box{text-align:left; margin:0; padding:0; border:0; background-color:#A61F01}
.subbox01{clear:none; float:left; margin:0; padding:0; border:0; background-color:#A61F01}
</STYLE>
<body bgColor=#ce0000 >
<center>
<div class="bg">
<div class="top">
<img src="http://www.ec2u.net.cn/website/img/btn_back_u.png">
</div>
<!--row 01-->
<div id="row01" class="box">
<div id="product01" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0095"><img width="249" height="143" src="http://www.ec2u.net.cn/website/img/health_wheatgrass_v.jpg" border="0"></a></div>
<div id="product02" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0096"><img width="173" height="143" src="http://www.ec2u.net.cn/website/img/health_insupro_v.jpg" border="0"></a></div>
<div id="product03" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/product_health_procan.cfm"><img width="85" height="143" src="http://www.ec2u.net.cn/website/img/health_procan_v.jpg" border="0"></a></div>
<div id="product04" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0070"><img width="115" height="143" src="http://www.ec2u.net.cn/website/img/health_skywheat_v.jpg" border="0"></a></div>
<div id="product05" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0062"><img width="160" height="143" src="http://www.ec2u.net.cn/website/img/health_1e20_v.jpg" border="0"></a></div>
<div id="product01" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0095"><img width="249" height="143" src="http://www.ec2u.net.cn/website/img/health_wheatgrass_v.jpg" border="0"></a></div>
<div id="product02" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0096"><img width="173" height="143" src="http://www.ec2u.net.cn/website/img/health_insupro_v.jpg" border="0"></a></div>
<div id="product03" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/product_health_procan.cfm"><img width="85" height="143" src="http://www.ec2u.net.cn/website/img/health_procan_v.jpg" border="0"></a></div>
<div id="product04" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0070"><img width="115" height="143" src="http://www.ec2u.net.cn/website/img/health_skywheat_v.jpg" border="0"></a></div>
<div id="product05" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0062"><img width="160" height="143" src="http://www.ec2u.net.cn/website/img/health_1e20_v.jpg" border="0"></a></div>
<div id="product01" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0095"><img width="249" height="143" src="http://www.ec2u.net.cn/website/img/health_wheatgrass_v.jpg" border="0"></a></div>
<div id="product02" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0096"><img width="173" height="143" src="http://www.ec2u.net.cn/website/img/health_insupro_v.jpg" border="0"></a></div>
<div id="product03" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/product_health_procan.cfm"><img width="85" height="143" src="http://www.ec2u.net.cn/website/img/health_procan_v.jpg" border="0"></a></div>
<div id="product04" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0070"><img width="115" height="143" src="http://www.ec2u.net.cn/website/img/health_skywheat_v.jpg" border="0"></a></div>
<div id="product05" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0062"><img width="160" height="143" src="http://www.ec2u.net.cn/website/img/health_1e20_v.jpg" border="0"></a></div>
<div id="product01" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0095"><img width="249" height="143" src="http://www.ec2u.net.cn/website/img/health_wheatgrass_v.jpg" border="0"></a></div>
<div id="product02" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0096"><img width="173" height="143" src="http://www.ec2u.net.cn/website/img/health_insupro_v.jpg" border="0"></a></div>
<div id="product03" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/product_health_procan.cfm"><img width="85" height="143" src="http://www.ec2u.net.cn/website/img/health_procan_v.jpg" border="0"></a></div>
<div id="product04" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0070"><img width="115" height="143" src="http://www.ec2u.net.cn/website/img/health_skywheat_v.jpg" border="0"></a></div>
<div id="product05" class="subbox01"><a href="http://www.ec2u.net.cn/website/product/productView.cfm?prodid=HC0062"><img width="160" height="143" src="http://www.ec2u.net.cn/website/img/health_1e20_v.jpg" border="0"></a></div>
</div>
<!--row 01-->
<!--如下相同-->
</div>
<br><font color="#FFFFFF"><!--如下相同结构--></font>
</center>
</body>
</html>
UP
每行用一个
<div id="row01" class="box">
...
</div>
包含起来起到分行作用，除此外每行相对独立，访问显示的速度也会更快。。。如果都放在一个DIV中一起需要一个 <br> 来分行，所以建议使用前面的结构正好起到分行作用，又可以加速显示
<div id="row02" class="box">
...
</div>
。。。
引用 10 楼 shenzhennba 的回复:
每行用一个
<div id="row01" class="box">
...
</div>
包含起来起到分行作用，除此外每行相对独立，访问显示的速度也会更快。。。如果都放在一个DIV中一起需要一个 <br> 来分行，所以建议使用前面的结构正好起到分行作用，又可以加速显示
<div id="row02" class="box">
...
</div>
。。。
我理解你的意思，可是这样的话如果row01里面是5个的话就会乱，因为他们是动态显示的。
div生成工具，真垃圾
