分享、学习、提高
2007/01/16 14:08
Tags: ,
一段类似这样的代码:


<style type="text/css" />
body{font-size:12px;}
dl,dt,dd{margin:0;padding:0;}
dl {clear:both;height:24px;line-height:24px;width:600px;}
dt {padding:0 0 0 9px;float:left;letter-spacing:3px;}
dd {float:left;overflow:hidden;}
dd.more {text-align:right;float:right;}
dd a {padding:0 5px;border:1px solid;}
</style>

<dl>
<dt class="cate">[<a href="/Xinwen_Meiti/">新闻</a>]</dt>
<dd><a href="#" target="_blank">人民日报</a></dd>
<dd><a href="#" target="_blank">新浪新闻</a></dd>
<dd><a href="#" target="_blank">新华社</a></dd> 
<dd><a href="#" target="_blank">中新网</a></dd>
<dd><a href="#" target="_blank">国际在线</a></dd>
<dd class="more"><a href="/Xinwen_Meiti/">更多&gt;&gt;</a></dt>
</dl>



在IE下显示完全正常,在FF下有些就会掉下来显示。
百般测试都不知道是什么原因:(
后来,意外发现,在</dd>后面有个空格,删除后,居然就不会掉下来了。
随即单独测试,在</dd>后加一个半角空格,对页面没有影响。
在</dd>后加一个全角空格,后一个dd换行显示。
在另一个</dd>后加一个全角空格,只有第一个后dd会换行,其它都不会换行显示。
2007/01/12 13:59
Tags: ,
有人问我如何在网页上给flash加链接,按理说在网页上是无法控制flash的链接的,但是我们可以通过附加一个层,这个层上放个透明的图片,然后给这个图片加上链接的方法来控制。

以下就是具体代码:

<DIV id="flashdiv" style="Z-INDEX: 1; POSITION: absolute"><A href="http://www.9enjoy.com" target="_blank"><IMG style="cursor:pointer" alt="" src="http://www.itlearner.com/images/transparent.gif" width="500" height="60" border="0"></A></DIV><EMBED pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.9enjoy.com/yourflashfilename.swf" width="500" height="60" type="application/x-shockwave-flash" wmode="Opaque" quality="high"></EMBED>

说明一下,其中http://www.itlearner.com/images/transparent.gif这张图片是一张透明的图片,请大家下载到自己的站上使用。flash的长和宽,两个地方都需要设置一下。
2007/01/09 20:57
Tags:
阅读<CSS Mastery:Advanced Web Standards Solutions>中,以下是阅读笔记,加以自己的理解和说明,只记录偶觉得重要、容易遗忘及原先不知道的知识。

一:链接样式定义顺序

为了确保不发生后定义的规则覆盖了前面定义的规则,链接样式最好按照以下次序:

a:link, a:visited, a:hover, a:active

可以通过记住LoVe:HAte,其中L代表link,V代表visited,H代表hover,A代表active.

二:突出不同类型的链接

一般离站链接会采用class="external"的方式定义,通过以下CSS来与内链相区别。
.external{
background:url(images/externalLink.gif) no-repeat right top;
padding-right:10px;
}

但是此方法需要手工的在每个外链上加上这个类。现在可以使用属性选择器来实现,其基于CSS3。在Firefox、Safari下已经支持,但IE6不支持。
1. 使用[att^=val]属性选择器寻找以文本http:开头的所有链接:
a[href^=http:"]{
 background:url(images/externalLink.gif) no-repeat right top;
 padding-right:10px;
}
但是此法会选中使用绝对URL的内部链接,可以使用重新设置站内链接的样式,删除它们的外链样式来解决这个问题。
a[href^="http://www.9enjoy.com"],a[href^="http://www.9enjoy.com"]{
background-images:none;
padding-right:0;
}


2006/12/18 17:40
在找模板时发现,以前没去过,看一下觉得很不错,记录一下

http://www.oswd.org/

http://www.openwebdesign.org/

查了下排名:
oswd.org 综合排名: 2,009
openwebdesign.org 综合排名: 4,241
访问量都挺大的。
分页: 4/4 第一页 上页 1 2 3 4 最后页 [ 显示模式: 摘要 | 列表 ]