如何实现下图的最佳布局？

yilubenpao · 发表于 2011-7-15 15:59:18

如何实现上图的最佳布局和写css？

我的方法：

<div id="subnav">
<ul>
<li><img src="."><h3><a href="">LATEST NEWS<a></h3></li>
<li><img src=""><h3><a href="">LATEST NEWS<a></h3></li>
<li><img src="."><h3><a href="">LATEST NEWS<a></h3></li>
<li><img src=""><h3><a href="">LATEST NEWS<a></h3></li>
</ul>
<ul>
<li><img src="."><h3><a href="">LATEST NEWS<a></h3></li>
<li><img src=""><h3><a href="">LATEST NEWS<a></h3></li>
<li><img src="."><h3><a href="">LATEST NEWS<a></h3></li>
<li><img src="."><h3><a href="">LATEST NEWS<a></h3></li>
</ul>
<div>

复制代码

alphat · 发表于 2011-7-15 16:17:35

<div id="subnav">
<a href="">LATEST NEWS<a>
<a href="">LATEST NEWS<a>
<a href="">LATEST NEWS<a>
<a href="">LATEST NEWS<a>
<a href="">LATEST NEWS<a>
<a href="">LATEST NEWS<a>
<a href="">LATEST NEWS<a>
<a href="">LATEST NEWS<a>
</div>

zhanyuzai · 发表于 2011-7-15 16:21:54

提示：您可以先修改部分代码再运行

li {float:left;}

cycloned · 发表于 2011-7-15 17:01:19

<ul>
<li class="">...</li>
</ul

yilubenpao · 发表于 2011-7-15 17:28:58

大家不要为我的方法限制了啊？难道最佳方法就是使用ul?

alphat · 发表于 2011-7-15 17:55:31

xmlovedoudou · 发表于 2011-7-15 18:55:45

没必要用前景图吧，应当只是背景。

cexoxass · 发表于 2011-7-16 11:19:17

lijia2202 · 发表于 2011-7-16 17:37:41

6楼的方法不是很好吗？

sww518 · 发表于 2011-8-17 15:07:58

6l威武~

by0001 · 发表于 2011-8-17 15:37:04

这个很简单，结构就用2楼的最精简结构，采用浮动定位。
图片采用分层切割就可以了，背景图是一个细长的上下渐变的图层水平平铺即可。
不推荐6楼的结构体。

sivan · 发表于 2011-8-17 17:05:51

好啥啊，别用图片热点

yaya1202 · 发表于 2011-8-18 10:37:41

习惯用 2#的

bios9x · 发表于 2011-8-18 14:00:53

<dl><dt><a href="">LATEST NEWS</a></dt></dl>

liuyun0943 · 发表于 2011-8-18 14:53:00

嗯，支持2楼的

yu357183 · 发表于 2011-8-18 18:33:44

6楼的也就可以了！！！

378751490 · 发表于 2011-8-24 21:08:36

提示: 作者被禁止或删除。

wwefuner · 发表于 2011-8-25 14:58:26

帐号		自动登录	找回密码
密码			注册

378751490 378751490 当前离线 UID 592375 在线时间小时积分 12 帖子离线 18480 天注册时间 2011-8-22 IP卡狗仔卡禁止发言	发表于 2011-8-24 21:08:36 \| 显示全部楼层提示: 作者被禁止或删除。

	回复支持反对使用道具举报显身卡

[求助] 如何实现下图的最佳布局？