三
08
9月
2010
jimdo技巧-jimdo留言、博文评论输入框在IE6下的小“bug”修复
今天起来发现了网友“飞帆”在《jimdo技巧-jimdo留言、评论、博文中含有较长网址链接导致网页出现问题的解决方法》给我留言说“在IE6下输入的时候,输入框会有一部被隐藏了!”,首先感谢网友飞帆的支持和反馈,其实我之前知道这个问题,留言和文章评论在留言输入框的右侧会隐藏一小部分,而且我也过去很多jimdo知名网站测试过,的确存在这个问题,我写《jimdo技巧-jimdo留言、评论、博文中含有较长网址链接导致网页出现问题的解决方法》原本以为将这个问题一并解决了,看来需要专门修复一下这个小问题了...
我看了一下留言框源码,发现只有 width 和 cols 属性,而且width 使用的是“99%”这种定义方法,我个人的修复方法是用直接只用宽度限制,这不一定是最好的方法,如果还有什么更好的方法或者对本站有什么意见和建议,欢迎留言!
首先需要知道你想要的留言框的宽度,使用QQ截图比较简单,在已经登陆QQ的情况下“ctrl+alt+A”使用截图,如下图:
我全出来的部分显示了区域大小(像素)和鼠标所在位置的颜色代码,我想要的大小是宽度560,所以我的css代码是:
ul.com-list textarea {width:560px!important;}
将506px修改成你想要的大小,按照你的页面大小设置,并且不要过大,以免导致网页出现变形错位,如果使用官方模板的话在“设置-编辑head部分-添加代码”:
<style type="text/css">
/*<![CDATA[*/
<!--
ul.com-list textarea {width:560px!important;}
-->
/*]]>*/
</style>
.skiptoform {display:none;}
这个问题不算是太大的问题,jimdo 已经是比较完美的建站系统了。综合这篇文章和前面的文章《jimdo技巧-jimdo留言、评论、博文中含有较长网址链接导致网页出现问题的解决方法》,实现 jimdo 博文、博文评论、留言等自动换行的css代码如下:
.n{word-wrap:break-word;}
ul.com-list textarea {width:560px!important;}
<style type="text/css">
/*<![CDATA[*/
<!--
.n{word-wrap:break-word;}
ul.com-list textarea {width:560px!important;}
-->
/*]]>*/
</style>
评论: 32
-
#1
测试
-
#2
测试2
-
#3
不说还没有注意到呢,呵呵,我也马上去修改下
-
#4
回复网型网秀:这么快,呵呵,先试几天看有没有什么异常
-
#5
今天打开!发现官方好象修复了这个BUG了!
-
#6
不好意思搞错了!错觉…^-^
-
#7
回复飞帆:是么?杯具,等下试试,要是官方已经修复那我就不麻烦了
-
#8
代码我觉得应该修改下,因为你把所有的input都定义了,而不仅仅是留言薄。
-
#9
回复飞帆:我又测试了下,问题依旧存在啊
-
#10
回复网型网秀:呵呵,是啊,不知道你有什么好办法?
-
#11
可以查看一下我的网页!!我是这样解决的……顺便邀请诸葛测试一下我的站!!
-
#12
回复飞帆:嗯,你是不是用代码“ul.com-list textarea {width:550px!important;}
”?这个方法很好,我把文章修改下 -
#13
恩!诸葛果然名不虚传!给你找到了……^-^
-
#14
回复飞帆:你的方法很好,我借用了,呵呵,分享了
-
#15
用火狐有点问题~~~
-
#16
回复独星:感谢反馈,我测试了一下,火狐下留言的一楼的确是有问题,需要.skiptoform {display:none;}修复
-
#17
请问:“将506px修改成你想要的大小”应如何理解?最终添加到head里的内容是什么?是这样吗?
<style type="text/css">
/*<![CDATA[*/
<!--
ul.com-list textarea {width:560px!important;}
-->
/*]]>*/
</style>
-
#18
回复老胡:因为每个人的网站留言框的宽度并不是一样的,所以宽度要自己定义,贵站的宽度我测了一下,是430px,所以要将560px改成430px其他不变,最终代码是<style type="text/css">
/*<![CDATA[*/
<!--
ul.com-list textarea {width:430px!important;}
-->
/*]]>*/
</style>
如果你的head部分以前添加过类似:
<style type="text/css">
/*<![CDATA[*/
<!--
CSS代码
-->
/*]]>*/
</style>
的代码的话只需要再添加
ul.com-list textarea {width:430px!important;}
到css代码部分即可 -
#19
多谢诸葛草帽指点,您可帮了我的大忙!我把这篇文章推荐到我的博客首页上,希望更多的人受益!
-
#20
另外,推荐给我几篇贵站上的关于jimdo技巧方面的文章,我想看看,一定要您认为最精彩的,能解决实际问题的文章,因为你的文章太多,我想偷偷懒,呵呵!
再就是,在淘宝可以买到Google AdSense 的帐号,二级域名也可以挂的,不过我的实际体会是收入并不怎么好,起码比网上大家晒的少多了,但是你的站这么好,不挂可惜了,Google的广告放在网站上挺好看的。 -
#21
回复老胡:很高兴我的文章能帮到您,您是前辈,不用客气!感谢老胡的首页推荐!呵呵,谷歌广告的确是不怎么好申请,好像支付是用支票,有些不方便,所以还是以后再考虑广告是事吧。
-
#22
诸葛兄:赞同老胡前辈说的,其实你的网站PR都3了,不挂个GG广告有点浪费,申请GG帐号试下,应该可以通过的,地址:http://www.google.com.hk/intl/zh-CN/about.html 点Google AdSense注册,支付有多种途径的,就怕没钱取....呵呵....正规申请一个比较好,不要去淘宝买,个人认为不太好........
-
#23
回复淘宝600家园:呵呵,感谢支持,那我有时间试试去
-
#24
@诸葛草帽,我在jimdo后台的head中添加了下面的内容
<style type="text/css">
/*<![CDATA[*/
<!--
ul.com-list textarea {width:400px!important;}
-->
/*]]>*/
</style>
如此,在留言中添加长链接进行测试,发现在IE6下依然是排版错位,问一下毛病出在哪了? -
#25
例如这个网页:
http://hjp.jimdo.com/2008/12/02/百度遭央视新闻曝光原文/ -
#26
回复老胡:我看了你很多网址,http://hjp.jimdo.com/2008/12/02/百度遭央视新闻曝光原文/出现网页错位原因是2楼出现长链接,代码:
<style type="text/css">
/*<![CDATA[*/
<!--
ul.com-list textarea {width:400px!important;}
-->
/*]]>*/
</style>
是修复留言框小bug的,并不能解决留言中长链接的问题,文章我已经修改过了,要综合这两个问题的,所以建议将代码修改成:
<style type="text/css">
/*<![CDATA[*/
<!--
.n{word-wrap:break-word;}
ul.com-list textarea {width:400px!important;}
-->
/*]]>*/
</style> -
#27
这回真的可以了!多谢,多谢!
-
#28
回复老胡:那就好,呵呵,不必客气!
-
#29
圣诞快乐
-
#30
dsfsdftfg
dfg
d -
#31
我也来试试,CF战队系统www.360cf.cc
-
#32
高手,看到高手了

>> 查看全文
可以搜索“胡萝卜”的谷歌防屏蔽搜索(可搜索任何词汇)打造稳定的谷歌站内搜索
>> 查看全文
网站导航栏(jimdo invagation)层次分离 二级菜单分离最新方法
>> 查看全文
如何更好保护您的网站--防垃圾评论
>> 查看全文
推荐几个实用jimdo小工具|插件(问卷调查、图片编辑)
>> 查看全文
div+css+js打造可用于Jimdo的二级动态下拉导航菜单栏代码
>> 查看全文
一份让理科生颤抖,让文科生流泪的蛋疼试卷(附答案详解)-2
>> 查看全文
一份让理科生颤抖,让文科生流泪的蛋疼试卷(附答案详解)-1
>> 查看全文
Ubuntu 中QQ自动关闭的解决方法|QQ for Linux自动退出解决办法
>> 查看全文
2011最新高考零分作文新鲜出炉了|高考0分作文集锦
>> 查看全文
Auto CAD 命令大全|CAD常用命令|AutoCAD快捷键收集
>> 查看全文
百度CEO李彦宏在百度知道提问的问题
>> 查看全文
布衣QQ2011精简版下载(去广告,低内存占用,全透明)
>> 查看全文
2011年最新经典爆冷语录
>> 查看全文
windows7窗口全透明工具
>> 查看全文
初学linux最常用的命令|linux入门命令合集
>> 查看全文
学习linux的几点忠告|初学linux须知
>> 查看全文
Windows点击动态特效软件UberIcon|实现MAC绚丽效果
>> 查看全文
