- 浏览: 410337 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (174)
- ajax (2)
- java (4)
- spring (0)
- eclipse (0)
- ejb (0)
- hibernate (2)
- jsf (1)
- c# (13)
- sqlserver (12)
- oracle (1)
- ibatis (3)
- appfuse (0)
- seam (0)
- log4j (0)
- Java2Html (0)
- javascript && html && css (38)
- 英语学习 (1)
- jag (2)
- guice (0)
- warp (0)
- facelets (1)
- struts (0)
- 资源汇聚 (4)
- 打印 (2)
- 热点文章收藏 (2)
- aop/aop.net (3)
- 代码生成器 (1)
- 数据库 (1)
- 开发工具集 (1)
- Erlang (1)
- web services (1)
- acegi (2)
- 存储过程集汇 (1)
- 黑客攻防 (2)
- C/C++ (6)
- wap (1)
- 缓存 分布式 (0)
- 企业库 (3)
- 搜索引擎:Lucene (0)
- 数据安全 (1)
- uml (1)
- 项目管理 (3)
- asp (1)
- SWT/JFACE (3)
- 面试与技巧 (1)
- 程序人生 (1)
- java rcp (2)
- 软件测试 (4)
- 不同应用服务器整合 (1)
- 数据仓库 (2)
- 求职/离职 (1)
- 网站珍藏 (1)
- visual studio 插件 (2)
- IT那些事 (1)
- linux/unix (10)
- windows (1)
- javaMail (1)
- common mail (1)
- tomcat (1)
- java并发/并行 (3)
- emacs (5)
- zookeeper (1)
- hadoop (7)
- 自动运维部署 (8)
- 业界资讯 (1)
最新评论
-
ffshow2006:
有一个有毒啊
两款Access密码破解器 -
nicepulse:
太好了,正好最近我也遇到这类的问题,代理不大正常,刚开始就是重 ...
SQL Server Agent 执行SSIS失败解决方案 -
supersnake:
这个比较喜欢
5款纯div+css制作的弹出菜单(标准且无js) -
cloudgamer:
我也写过一个提示效果
javascript tooltip (网页的提示效果) -
kuchaguangjie:
顶1个,哈哈
获取页面请求参数的JS脚本
今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方:
1、如果用UL还布局,右边一栏比较麻烦;
2、文字外边的边框自适应比较麻烦;
3、很可能要定死高度;
所以,细细地看一看这个布局,想一想还是用DL.DT.DD作是合理的:
1、布局合理一些;
2、将来扩展很方便;
3、CSS一定很少;
试着写了写,看一看还行!在可控范围内!
布局布分当然不用说了:
Example Source Code [www.52css.com]
<h1>标题</h1>
<div>
<dl>
<dt><a href="32">·博客里的文章是我自己写的!</a></dt>
<dd>作者:张三</dd>
</dl>
<dl>
<dt><a href="3232">·博客里的文章是我自己写的!</a></dt>
<dd>作者:张三</dd>
</dl>
<dl>
<dt><a href="3232">·博客里的文章是我自己写的!</a></dt>
<dd>作者:张三</dd>
</dl>...........
</div>
<div>
<dl>
<dt><a href="32">·博客里的文章是我自己写的!</a></dt>
<dd>作者:张三</dd>
</dl>
<dl>
<dt><a href="3232">·博客里的文章是我自己写的!</a></dt>
<dd>作者:张三</dd>
</dl>
<dl>
<dt><a href="3232">·博客里的文章是我自己写的!</a></dt>
<dd>作者:张三</dd>
</dl>...........
</div>
CSS部分:
Example Source Code [www.52css.com]
*{ margin:0; padding:0;}
body{ font-size:12px; line-height:1.8; padding:10px;}
dl{clear:both; margin-bottom:5px;float:left;}
dt,dd{padding:2px 5px;float:left; border:1px solid #3366FF}
dd{ position:absolute; right:5px;}
h1{clear:both;font-size:14px;}
看一下效果:
Source Code to Run [www.52css.com]
[ 可先修改部分代码 再运行查看效果 ]
发表评论
-
有关滚动条Scroll样式的设置
2008-08-07 17:02 30991.overflow内容溢出时的设置(设定被设定对象是否显示滚 ... -
两个文件改变网站流量
2008-08-01 14:49 927用两个文件,用js 改变网站流量 url_1.html 代 ... -
div 超出的文字以省略号显示
2008-07-24 21:36 1741div { overflow:hidden; ... -
css中如何使div居中(垂直水平居中)
2008-07-16 11:48 3835css中如何使div居中(垂直水平居中) 2007-01-12 ... -
CSS在页面布局中实现div垂直居中的方法总结
2008-07-16 08:56 2525CSS在页面布局中实现div垂直居中的方法总结 2008年07 ... -
css控制div自动换行
2008-07-16 08:56 5133自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字 ... -
网页颜色搭配精选十例
2008-07-10 03:43 2900颜色的使用在网页制作 ... -
网页制作傻瓜工具集锦
2008-07-10 03:42 1800初学网页制作时,往往觉 ... -
五彩缤纷建网页(5)网页色彩配色软件
2008-07-10 03:39 10111.ColorWiz (国外) 超媒体置标语言(HTML) ... -
不间断连续图片滚动效果的制作方法
2008-07-10 03:35 2886以前我们站点也介绍过 ... -
图片的连续滚动
2008-07-10 03:28 770<html><head></he ... -
HTML各个元素对搜索引擎的权重比例
2008-07-09 13:10 798HTML各个元素对搜索引擎 ... -
css教程–十步学会用css建站(全)
2008-07-03 12:57 1383css教程–十步学会用css建站(全) 关键字: css教程 ... -
div 、ul、li 动态生成table (2)
2008-06-24 16:49 1581/// <summary> /// ... -
div 、ul、li 动态生成table
2008-06-18 13:45 2294public string GenerateTable(int ... -
5款纯div+css制作的弹出菜单(标准且无js)
2008-06-16 13:01 18425款纯div+css制作的弹出菜单(标准且无js) 一、最 ... -
Js字符串操作函数大全
2008-06-11 15:59 9056Js字符串操作函数大全 Js字符串操作函数大全 /***** ... -
JS实现局部打印和预览
2008-05-27 13:59 6187JS实现局部打印和预览: 第一种: JS 实现简单的页面局部 ... -
前台开发使用工具集合
2008-05-09 08:45 3788前台开发使用工具集合 1。 Fiddler一个很强大 ... -
获取页面请求参数的JS脚本
2008-04-17 13:11 3530//获取指定请求参数的值function getParamet ...
相关推荐
DIV+CSS布局实例 浅谈网页制作中table与div方法布局网页框架的利和弊.pdf - 下载...
CSS DIV CSS+DIV布局实例 精通CSS+DIV布局
DIVCSS网页布局实例:十步学会用CSS建站.pdf
div+css布局实例,单行单列,单行双列,单行单列等等
今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方: 1、如果用UL还布局,右边一栏比较麻烦; 2、文字外边的边框自适应比较麻烦; 3、很可能要定死高度; 所以,细细...
div css实例div css实例div css实例
CSS+DIV网页布局实例40例.rar CSS+DIV网页布局实例40例.rar CSS+DIV网页布局实例40例.rar CSS+DIV网页布局实例40例.rar
下面我们就开始一步一步使用DIV CSS进行网页布局设计吧。 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWork 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
个人从网络整理常用的divcss布局.txt的文本文档
Div+Css网页布局和样式开发实例,涵盖使用的div+css布局实例上百种。
标签:divcss布局大全 divcss网页布局 divcss布局 divcss布局入门实例目录 2008年9月26日divcss布局:DIV+CSS网页布局分析的两个小例子 这是两款比较经典的CSS网页设计,其中设计元素当属布局最为重要了。布局完美...
经典网站Div+CSS布局实例,流行布局代码赏析,绝对对你有提高,活学活用,没有验证浏览器的兼容性,如有不兼容的可自行修改下即可
Div+CSS布局入门教程Div+CSS布局入门教程Div+CSS布局入门教程
Div+CSS布局实例教程,Div+CSS布局实例教程,Div+CSS布局实例教程。。。
div css布局大全,想了解布局的话不妨看一看。 div css div css。
div+css布局大全 B/S项目表现层也很重要!
div+css 网站实例 教程 css布局
DIV+CSS布局大全DIV+CSS布局大全DIV+CSS布局大全DIV+CSS布局大全DIV+CSS布局大全DIV+CSS布局大全
24个DIV+CSS 超级经典实例 源代码 几乎包含了DIV+CSS技术的所有知识点