打印

[求助] 这样的列表如何实现?

Iceyhu [楼主]

中级会员

帖子: 120
体力: 285
威望: 0
当前: 北京海淀区

专长 网页设计,平面

1^# 大中小发表于 2008-6-25 16:46

像下面的这样的效果,如何用列表实现啊?

复制内容到剪贴板

代码:

<!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">

<!--

*{margin:0; padding:0;}

body{ font-size:12px; color:#666;}

div{ width:800px; height:auto; border:1px solid #ccc; margin-left:auto; margin-right:auto; }

ul{ width:800px; list-style-type:square;}

ul li{float:left; padding:10px;}

-->

</style>

</head>

<body>

<div>

    <ul>

        <li>韩国26日恢复进口美国牛肉 将进行活体组织检查</li><li>14:43 </li>

        <li>伊朗不反对美国设立利益代表处</li><li>10:19 </li>

        <li>韩国26日恢复进口美国牛肉 将进行活体组织检查</li><li>14:43 </li>

        <li>伊朗不反对美国设立利益代表处</li><li>10:19 </li>

    </ul>

</div>

</body>

</html>

[ 本帖最后由 Iceyhu 于 2008-6-25 17:03 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

勇敢做自己！！！

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

thelucky

初级会员

帖子: 142
体力: 130
威望: 0
当前: 广东深圳
离线: 6 天

专长 前端制作

2^# 大中小发表于 2008-6-25 17:07

这个哪里是一行两列了……
就一个单一列表
<ul>
<li><a>内容</a>时间</li>
<li><a>内容</a>时间</li>
<li><a>内容</a>时间</li>
<li><a>内容</a>时间</li>
</ul>

html就这样子写
这种算是最简单的页面结构了……
如果这的CSS还不清楚怎么布局的话
建议先上w3cn.org之类的网站补充下基础知识

itroam.com

TOP

美橙vps独立IP月付189元

chiyuderen

amot

银牌会员

帖子: 651
体力: 1274
威望: 0
当前: 上海普陀

3^# 大中小发表于 2008-6-25 17:17

改好了原来我多加了个东西呵呵

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

[ 本帖最后由 chiyuderen 于 2008-6-25 17:22 编辑 ]

学习```

TOP

中央美院远程平面设计进修班

chiyuderen

amot

银牌会员

帖子: 651
体力: 1274
威望: 0
当前: 上海普陀

4^# 大中小发表于 2008-6-25 17:26

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

学习```

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

Iceyhu [楼主]

中级会员

帖子: 120
体力: 285
威望: 0
当前: 北京海淀区

专长 网页设计,平面

5^# 大中小发表于 2008-6-25 17:31

引用:

原帖由 thelucky 于 2008-6-25 17:07 发表
这个哪里是一行两列了……
就一个单一列表

内容时间
内容时间
内容时间
内容时间

html就这样子写
这种算是最简单的页面结构了……
如果这的CSS还不清楚怎么布局的话
建议先上w3cn.org之类的网站补充下 ...

不管怎样,还是要先谢谢你的热心帮助.但是,我要说的是,"一行两列式"的列表.

勇敢做自己！！！

TOP

Iceyhu [楼主]

中级会员

帖子: 120
体力: 285
威望: 0
当前: 北京海淀区

专长 网页设计,平面

6^# 大中小发表于 2008-6-25 17:34

回复 chiyuderen 在 4# 的帖子

谢谢你,这样已经达到我所要的效果了,但是,如果是在一行上加两个li,那又如何实现?

勇敢做自己！！！

TOP

vient

新手上路

帖子: 124
体力: 30
威望: 0

7^# 大中小发表于 2008-6-25 18:17

加这个.我感觉不太符合语义~!

TOP

chiyuderen

amot

银牌会员

帖子: 651
体力: 1274
威望: 0
当前: 上海普陀

8^# 大中小发表于 2008-6-26 10:23

你看这样行么···的确不符合语义了···

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

学习```

TOP