Dreamwaver设计div层的对齐方式

在Dreamwaver中设计div层的时候,属性面板没有像表格一样给出水平、垂直对齐方式的选项,使用下面的代码可以做到:

<html>
<head>
<style. type="text/css">
<!--
div{
 border:1px solid #000000;
 text-align:center;
 padding-top:expression(parseInt(this.style.height)/2-parseInt(this.childNodes(0).scrollHeight)/2);
}
//-->
</style>
</head>
<body>
请将 图片(可多张) 或 其它内容 插入<span></span>标签中<br>
<div style="width:200px;height:200px">
 <span>
  <img src=http://www.webjx.com/dreamweaver/"http://www.webjx.comhttp://www.alixixi.com/web/UploadPic/2010-6/201062603255350.gif"><br>
  <img src=http://www.webjx.com/dreamweaver/"http://www.webjx.comhttp://www.alixixi.com/web/UploadPic/2010-6/201062603255350.gif"><br>
  <img src=http://www.webjx.com/dreamweaver/"http://www.webjx.comhttp://www.alixixi.com/web/UploadPic/2010-6/201062603255350.gif">
 </span>
</div>
<P>
<div style="width:200px;height:200px">
 <span>
  <img src=http://www.webjx.com/dreamweaver/"http://www.baidu.com/img/logo.gif"/>
 </span>
</div>
<P>
<div style="width:200px;height:200px">
 <span>
  asddsf
 </span>
</div>
<P>
</body>
</html>

时间: 2024-08-03 09:02:17

Dreamwaver设计div层的对齐方式的相关文章

Dreamwaver中设计div层对齐

在Dreamwaver中设计div层的时候,属性面板没有像表格一样给出水平.垂直对齐方式的选项,使用下面的代码可以做到:<html><head><style. type="text/css"><!--div{ border:1px solid #000000; text-align:center; padding-top:expression(parseInt(this.style.height)/2-parseInt(this.childNo

网页设计技巧:设计颜色尺寸对齐方式对比

原文链接:http://webdesignledger.com/tips/the-principle-of-contrast-in-web-design 译者:猪小凡 网页设计是由很多个不同的元素构成的,而这些元素的重要性都不同,并且有些元素还需要尤为的突出.有些元素彼此之间存在着联系,而另外的元素之间则一点关联性都没有.比较难办的部分就是如何有效的在视觉上来传递元素之间的关系.这就该用到对比原则了. 对比就是两个或更多个元素之间的不同.通过对比,设计师就可以创造出视觉趣味性,同时引导用户的注意

网页设计中选择哪种方式布局比较好

 一. TABLE方式     优点:     1.简单易用:比较适合入门级的用户操作,用户可直接利用Dreamweaver(以下简写为"DW")工具栏插入表格,设置长宽.对齐方式.属性等就可以轻松制作出一个页面了.     2.立见效果:当用户插入一个TABLE的时候就可立即看到效果.     3.可读性好:语句编写较为简便,主要代码就是<TABLE></TABLE>.<TR></TR>.<TD></TD>等语句

Web设计师应遵循的高效设计原则之三:对齐

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 摘要:<写给大家看的设计书>一书把复杂的设计原理凝炼为对比.重复.对齐和亲密性四大设计原则.本系列文章将分别详细阐述四个设计原则中的重点因素及辅助工具.本文为第三篇,讲述对齐在网站设计中的重要作用及辅助工具. 主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计原则写了一系列文章,本文为第三篇<

设计数据层组件并在层间传递数据

设计|数据 设计数据层组件并在层间传递数据 Angela Crocker.Andy Olsen 和 Edward JezierskiMicrosoft Corporation 2002年8月 适用于:    Microsoft .NET 应用程序 摘要:学习向 Microsoft .NET 应用程序公开数据的最佳方式,以及如何实现一个有效的策略以便在分布式应用程序的层间传递数据.(本文包含一些指向英文站点的链接.) 目录简介 将关系数据映射到业务实体 实现数据访问逻辑组件 实现业务实体 事务处理

关于页面嵌入swf覆盖div层的问题的解决方法

 这篇文章主要介绍了关于页面嵌入swf覆盖div层的问题的解决方法,需要的朋友可以参考下 如果swf是通过<object></object>方式插入的话,那就加入以下这断代码  代码如下: <param name="wmode" value="Opaque">    还有一种方法是通过script_swfobject.js插件来插入swf的,这时用下面的方法来设置:   代码如下: <div id="flashco

防止表格被撑开或div层被撑开的多种方法

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在我们设计网页的时候,总会遇到一些不愉快的事情,最常见的莫过于在后台添加内容后才发现显示的页面被撑开,导致网页极度不美观.以前大家基本上都是设计表格,网上自然不少对于的解决方法,如今还有div+css标准设计,很少看到相关好的方法,现在潇湘在线把平时找到的防止表格被撑开的好方法总结归纳一下,和大家一起分享. 一.直接在网页里设置图片大小,比如

Flash覆盖div(层)解决方案分享

经过多年的8084.html">蓬勃发展,http://www.aliyun.com/zixun/aggregation/12592.html">Flash相关的专业软件不仅有Adobe Flash这样的江湖高手,也出现了一批更加细分功能的奇侠隐士,其中不乏有中国本土的Flash软件设计者-硕思软件. Flash是美国Macromedia公司所设计的一种二维动画软件.通常包括Macromedia Flash,用于设计和编辑Flash文档,以及Macromedia Flash

DB2数据仓库环境的物理数据库设计:设计聚合层

聚合或汇总数据有助于提高查询性能.您可以利用 DB2 数据库对象,这有助于您聚合数据,例如物化查询表 (MQT).视图或视图 MQT. MQT 也称为汇总表,它能预先计算开销较高或使用频繁的某个(或一组)查询的结果.结果集会存储在专用表中,随后可利用此表来应答常用的查询或类似的查询.在填充或刷新 MQT 中的数据时,引用的源表称为基表. 使用物化查询表 通过利用 MQT 聚合不同级别的数据,可以支持分析数据的应用程序,无需设计多个基表,也无需牺牲数据的原子粒度. 分析查询的次优性能往往是使用 M