Archive for the ‘xhtml-css-js-cms’ Category

 符号导致a,div等不换行的解决方法

最近,齐毛鸭在调试一个英文网页时候发现; 符号导致a,div等不换行。一个只有100px的div下的a,死活都不换行。默认情况下,如果文字超过了容器的宽度,比如,100px内的a标签里超过了100px的文字,就会自动换行。后来在网上搜索,发现大家都在问如何让a不要自动换行,而我却需要a换行。于是查看源文件,发现,我的这个网页下面的a里面的文字中间的空格全是; 大家知道,浏览器对空格的解释是这样:一个空格输出来就是一个空格,效果相当于用一个 ;  而超过一个空格(指用键盘上的空格键打出来的空格)在浏览器解释下则变成一个。
问题就出在这个; 的转义字符上。后来自己新建了一个网页测试,果然,; 导致a,div等容器不会自动换行。先看下实例代码:

Everybody has blue days. Don’t lose yourself and your dream will come true.

Everybody has blue days. Don’t lose yourself and your dream will come true.

齐 毛 鸭 博  客 关 注 网 站建设和网络营销。

大家可以查看下源代码,我给a定义了100px,第一个a文字之间的空格是键盘上的空格键打出来的,可以自动换行;第二个a文字的空格是由 输出的,不能换行。在中文中同样得到验证。

原理是:浏览器在输出的时候把 输出成为空格了,但是同时,它又把 当作文字之一,也就是说第二个那么长的一段话变成了一个单词。

解决方法:如果是静态网页,就把 换成空格键打出来的空格;如果是程序,必须完善程序代码。

用CSS实现IE6支持PNG透明图片的方法

IE6,网页制作者,前端开发工程师最为深恶痛绝的浏览器,犹如幽灵般占领着中国网民的浏览器市场。微软在我眼里就是一个精通软件的伟大公司,比如操作系统和办公软件。但互联网,微软不懂。因此,市面上现在IE版本有5.5、6、7、8,天啊,每一个版本都不一样,要命!废话不说了,看看如何用css实现IE6支持png透明图片:

首先,这张图片得是背景,比如

#logo{background:url(logo.png) no-repeat;}

在IE7和FF下都没问题,在IE6就是灰白的一块。办法是:

#logo{
background:url(logo.png) no-repeat !important;
background:none;
filter:none!important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=’logo.png’,sizingMethod=’image’);}

!important这个IE6是不懂的,所以忽略。一定要加上。src后面的路径最好用绝对路径。相对路径,根据我的经验,经常不能显示出来。

dedecms内部链接优化方法

内部链接优化是seo工作中的重要部分。齐毛鸭在是使用dedecms的过程中发现,可以通过dedecms的文档关键词维护功能、发表文章时候的关键词添加功能(也可以自动获取)以及核心设置里面的是否使用关键词关联文档功能来实现完美的内部链接优化。具体步骤如下:

1、系统管理—核心设置—使用关键词关连文章—是;

2、内容维护—文档关键词维护(左侧菜单中) 此时有两个方法:

2.1 点击分析系统内的关键词,这样会得到许多的关键词,但是太冗余,比如“一个”“如果”等。

2.2(推荐) 手动新增关键字。

3、给每一个关键词添加一个链接网址;

4、发布文章—自动获取关键词(可选,同样会得到许多非关键词)或者—其他参数—关键词(填上该篇文章的关键词,用空格分开);

经过上述步骤的结果是,每一篇文章相关的关键词都已经自动添加了你已经设置好的链接地址。这里还有最后一步,需要完善。

增值方法之dedecms内部链接样式优化:

默认的关键词样式大家看到是红色的带下划线的且加粗的样式,即style=”color:#ff0000;font-weight:bold; “;大部分时候我们不要这样突出和显眼。怎么修改呢?首先说明的是,因为它默认的是内部样式,即直接在a这个标签下面加了style,形成了<a href=”链接地址” style=”color:#ff0000;font-weight:bold; “>关键词</a>,因此,在样式表中写样式不起作用。解决方法是:找到include/inc_functions.php文件,ctrl+f查找style=”color:#ff0000;font-weight:bold; “这一句,大概在文档的最后面部分。就是这个地方在起作用,齐毛鸭建议将这一句删掉,然后在样式表中重写你自己需要的样式。

« Older Entries