晚上开着三个浏览器(IE6、IE7、FF)写DIV+CSS时,发现在 IE 6 中 ,DIV 使用背景图片(或直接插入图片在DIV中)的时候,在图片的下端会出现一条空白间隔,经测量,刚好是 3px !没见过这种 3px 问题,用 display: inline 和 -3px 等方法也搞不定,于google之,最终在蓝色理想找到答案,原因是:
IE6默认字号是12pt,默认行高是normal。
晚上开着三个浏览器(IE6、IE7、FF)写DIV+CSS时,发现在 IE 6 中 ,DIV 使用背景图片(或直接插入图片在DIV中)的时候,在图片的下端会出现一条空白间隔,经测量,刚好是 3px !没见过这种 3px 问题,用 display: inline 和 -3px 等方法也搞不定,于google之,最终在蓝色理想找到答案,原因是:
IE6默认字号是12pt,默认行高是normal。
在<body>...</body>之间插入以下代码即可。为方便查看效果,可把网页背景色设为黑色。
<script language="JavaScript">
<!--
var no = 50;
var speed = 1;
写了段随动对联广告代码加入网页中,谁知测试时广告图片竟然不随动!
我的页面是用DIV+CSS写的,开头是标准的:
<!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">
上下左右的代码都有。里面可以是图片或文字,自己更换试试。
JS不间断向上滚动代码:
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>
1、模板里写上:
<Script Language=Javascript Src="/js/j2f.js"></Script>
调用:繁简体:【 <a id="based">繁体</a> 】
DIV+CSS设计俨然已成网页设计界的标准了。这种设计的好处大家都是知道的,但有些小问题确实很棘手,例如令人头痛的“DIV高度自适应”问题。
现在有三种行之有效的办法,一是JS法、二是背景图填充法、三是“补丁大法”(比较变态)。
1、JS法
代码如下。原理:用JS判断左右DIV的高度,若不一致则设为一致。
点击文字链接打开MSN聊天窗口:
<a href="msnim:chat?contact=xxxxxxxxxxxx@hotmail.com">点击进行MSN交谈</a>
点击图片按钮打开MSN聊天窗口:
<a href="msnim:chat?contact=xxxxxxxxxxxx@hotmail.com"><img src="图片地址"></a>
平常没事喜欢搞下网页设计,也给几个企业做了网站,收银若干,嘿嘿。
工欲善其事,必先利其器。对于网页设计来说,有几个好有工具会让你更顺手。三剑客中的dreamweaver我是不用的,太臃肿了不说,用起来还不顺手。
我一般用到的软件是:photoshop(页面设计)、edit plus 2(PHP、HTML代码,CSS等)、IE6/IE7/FireFox(检查兼容性)、Flash 8 (动画)、还有一个叫“玩转颜色5.0”的取色器。
在CSS网页布局开发中,会有很多小技巧,新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白。现在总结一些CSS技巧。
一、ul标签在Mozilla(如FireFox)中默认是有padding值的,而在IE中只有margin有值。这样导致两者表现不同。解决办法是:ul { padding: 0; margin: 0; }