主题:  我做的第一个叶子终于出来了,可看起来感觉很奇怪

唿木飛

职务:普通成员
等级:1
金币:1.0
发贴:281
#162002/12/10 21:45:18
错位?有么?截个图我看看?

8过其实很多横来竖去的线是那时侯想不到用什么好画上去凑数的.


红框框那些就是例子.
图片如下:



no12

职务:普通成员
等级:1
金币:0.0
发贴:4
#172002/12/10 22:54:13
漂亮的叶子



一点蓝

职务:普通成员
等级:1
金币:0.0
发贴:25
#182002/12/10 23:08:36
网叶做的很不错,
想问问,你图片上用的是什么字体?



一点蓝

职务:普通成员
等级:1
金币:0.0
发贴:25
#192002/12/10 23:41:28
哦,找到了,是04b_08的字体吧。



whoisspider

职务:普通成员
等级:1
金币:1.0
发贴:245
#202002/12/11 0:01:13
这是我的浏览器上看到的你的“about me”网页,可以看出明显错位,我的浏览器是IE5.0。至于错位的原因我前面已经说过了,改起来是比较头痛的事情。

图片如下:



whoisspider

职务:普通成员
等级:1
金币:1.0
发贴:245
#212002/12/11 0:16:04
这是我看到的首页,图中箭头所指出就是错位的地方,错位的根源就是我打问号的地方。

图片如下:



shanlong_5d

职务:普通成员
等级:3
金币:1.0
发贴:432
#222002/12/11 7:19:22
可以啊 !

处理的很细腻

看的出来 你一定是个对漫画感兴趣 并有一定的创作能力的女孩子了


以前我是用肉眼看世界,从那一刻起,我开始用心眼去看世界,并且发觉看的是前所未有的清晰……在这个世界,活着是一种痛苦,但是至少我还庆幸,我可以选择自己活的方式、痛的方式,并快乐的痛着……
newdesigns.126.com

唿木飛

职务:普通成员
等级:1
金币:1.0
发贴:281
#232002/12/11 14:34:17
改代码不是问题,问题是我自己的没出现问题怎改?
图片如下:


图片如下:



whoisspider

职务:普通成员
等级:1
金币:1.0
发贴:245
#242002/12/11 16:46:42
经我仔细分析,原因如下:
1.比较两个图,可以发现导致错位的原因是表格的高度变高而导致整体变形。而导致表格高度的变高是字体在作怪,可以从两图发现,原本一行的文字由于字体的不同导致变成了两行,变成两行当然导致表格变高。源头找到了,那么问题就好解决了。

2. 既然是字体的原因,那只能看网页源代码了,我把整个网页保存本地分析,控制表格字体的代码如下:

可以看到是yaya1这个class再作怪,在看这个class的代码:
.yaya1 {
    COLOR: #333333; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; FONT-SIZE: 9pt
}
好了,现在可以看到这里字体的设置了,很明显,这里是采用的DW里缺省提供的字体列表。但别忘了,DW是英文软件,设置都是照顾老外的,这些字体都是英文字体。而主页里的内容确是汉字,那IE浏览器怎么处理呢?IE浏览器有缺省的字体,可以在[工具]——[internet选项里]——[字体]里控制,当处理不了或没指定的字体都用这个来代替。我是win2000,我的设置是“新宋体”,我不知道丫丫小手是什么设置,反正我这个设置看肯定错位。如果我选其他字体设置,有些正常,有些不正常。让浏览器来决定你的字体显示是很危险的事情,造成的情况就是有的用户显示正常,有的用户显示不正常,因为这些设置控制在用户手里而不是你设计者的手里。

好了,问题全部查清楚了,现在讲解决办法了。

1.不改代码,让用户自己挑字体设置。别晕倒,这的确是方法,但别指望用户个个都能有处理问题的能力。
2.改代码,很简单,把上面的yaya1设置成如下就可以了:
.yaya1 {
    COLOR: #333333; FONT-FAMILY: "新宋体", "宋体"; FONT-SIZE: 9pt
}
我这里放了两个备选,一般中文win操作系统都有这两个字体,千万不要设置你机器上独有的字体,不然还会出类似问题。这里设成“新宋体”就不会错位,而上面我说的缺省设成“新宋体”就有问题,别问我为什么,我也不知道IE是怎么处理的,恐怕微软自己人都不知道,哈哈!

好了,说了这么多,就是想强调一下这些细节问题。尤其兼容的问题。其实你们可以分析一下5D的css设置,至少我发现里面设置的字体也是英文字体,而且还是我机器上没有的,所以你们去改确省字体看看,呵呵,保证5D的页面的字体跟着乱变。但你去看新浪网,他们设置就很专业了,你改字体设置、字体大小试试,几乎没什么变化。甚至你去用网景的浏览器去看排版也基本正常。这就是兼容性好的表现。专业就是这样。



唿木飛

职务:普通成员
等级:1
金币:1.0
发贴:281
#252002/12/11 16:57:13
晕汗。我喜欢verdan字体。这字体显示日文超好看。
HOHO,我论坛用宋体就是怕有人没verdan,页子还是忍不住用上了。
Faint faint
谢谢!



hackle

职务:普通成员
等级:1
金币:0.0
发贴:100
#262002/12/11 17:01:20
偶认为颜色稍乱。但是非常精致。



十一划

职务:普通成员
等级:8
金币:25.8
发贴:10295
#272002/12/11 20:22:43
耳目一新,蛮有灵气的网页。呵呵,偶满欣赏的……



唿木飛

职务:普通成员
等级:1
金币:1.0
发贴:281
#282002/12/15 20:47:26
谢谢



5D DV版主

职务:版主
等级:6
金币:10.5
发贴:4096
#292002/12/15 22:03:22
很漂亮!!



lmmy

职务:普通成员
等级:1
金币:0.0
发贴:114
#302002/12/15 22:08:56
圣诞快乐那几个这样做不是很好看,做的流畅一点。。


每页显示15条 2/3<<<123>>>
在 回复主题:我做的第一个叶子终于出来了,可看起来感觉很奇怪
正文:
加粗 下划线 文本颜色 居中 插入链接 建立Google搜索链接 插入图片 引用文本
 
汗 喜欢 骄傲的笑 哭 酷! 愤怒 黑线 什么? 猥琐 偷笑 无语 晕 吃惊 诱惑
smile frown redface biggrin wink rolleyes mad eek 禁止笑脸转换

提示:按 Ctrl+Enter 快速提交