帮忙看一个关于css的问题。

2010-11-21 12:25:49 +08:00
 joynic
文章页面标题底下的“作者/时间/点击”还有一排收藏图标在mac的safari下浏览死活显示不出来。谁帮忙看一下是哪一块出了问题。ie和谷歌浏览器都没问题。列表页也有错位,还没调过来,这个是默认模板就是错位的。囧

网站没做几天,以前没接触过dedecms,也是平生第一次做网站。

http://www.fj-tea.com
4972 次点击
所在节点    问与答
9 条回复
lianghai
2010-11-21 14:22:42 +08:00
在我这里可以正常显示那两排东西啊,自救成功了?
那个错位,不知道正确的排版该是什么样的,但感觉好像把“[国内资讯]”那些标签的 line-height 改到和 a.title 一样就对了。

另外,现在的 font-family 有问题,如果还是要保持这些字体的话,建议改成:
"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft YaHei",sans-serif;
在 Windows 下如果这些字体都没有,会自动调用 fallback 的宋体(中易宋体)的,在 Mac OS X 下如果没有前两个中文字体,会自动调用黑体-简(华文黑体)。
joynic
2010-11-21 23:41:18 +08:00
@lianghai 真的非常感谢^_^那个显示问题,在我的电脑上还是存在,依然是IE和谷歌可以看到(THINKPAD),safari还是看不到(IMAC)。既然你能看到,那估计是我电脑有问题了。

错位的问题,我试着按你指示的把line-height调成一致,没有反应。

字体问题,我现在是直接去掉字体定义了,不知道问题大不大。再次表示感谢。
lianghai
2010-11-21 23:47:06 +08:00
可以把在 IE 下显示的标准形态截图发上来吗?

嘿嘿字体那事,其实 Project Babel 2 的 font-family 实在不适合这样一个网站,去掉也好。
joynic
2010-11-21 23:56:01 +08:00
@lianghai

^_^发个别人网站的图。

http://cl.ly/1k3r3P3b1640420e2J1M
lianghai
2010-11-22 01:55:35 +08:00
@joynic 是这样的效果?……那现在这个对齐问题完全是因为你在 dedecms.css 的第 164 行加了 float: left 啊……
joynic
2010-11-22 15:26:26 +08:00
@lianghai 问题果然是在那个float: left 不过奇怪的是,默认模板就是这样写的。我现在把float: left 去掉,列表页是不错位了,但是头部LOGO和它右边的BANNER错位了:(所以我只好又调回去了。好人做到底,你再帮忙看一下,应该怎么改哦^_^THANKS
lianghai
2010-11-22 20:18:06 +08:00
@joynic 只要把那个 CSS 选择器“.header .title”改成“.top .title”就可以解决这个问题(现在是本来只给左上角那个 logo 提供样式的 CSS 语句错误地选择了更多东西)——但我感觉似乎根本原因在于你修改代码的时候把 <div> 的嵌套关系弄乱了,<div class="header"> 的闭合标签丢失了,于是它错误地包含了整个网页的内容,建议排查一下。
joynic
2010-11-23 13:18:18 +08:00
@lianghai 哥你太强了。真的是漏掉了一个</div>,现在可以了。谢谢。
lianghai
2010-11-23 23:57:35 +08:00
@joynic 作为一个玩票新手,我对此夸张评价表示淡定~
大概 V2EX 的大牛们都不愿意花实践解决这种简单的问题了……—__—

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/4823

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX