求解：mdict和欧路正常识别的css文件，为何在goldendict中失效

DIC4Khmer · 发表于 2018-5-17 23:53:25

本帖最后由 DIC4Khmer 于 2018-5-18 00:20 编辑

近期我觉得自己之前做的图片词典不够简洁和美观，就折腾着仿照网上的代码修改了CSS文件，并重新生成了MDX和MDD文件。可是问题出现。原来的CSS文件在各个软件中的识别都比较好，修改后Mdict和欧路能正常识别新的CSS文件，但Goldendict却无法显示。修改前效果如下图所示：

修改后，mdict和欧路的显示效果为：

以下是修改后的CSS代码：

*{margin 0px;padding 0px;}
#main{min-width:700px;max-width:980px;margin:0px auto;background:#eeffff;text-align:center;border:2px solid #ff6600;}
.container { background:#ff6600;margin:0px;padding:0px auto;height:42px;position:relative;}
#citou{font-family:khmer os;font-size:1.4em;text-align:left;padding:2px 200px 2px;margin-top:10px;}
#citou span{background:#cc9900;border-radius:5px;color:#0033cc;}
table{margin:10px 0px 20px 200px;border-collapse:collapse;padding:5px;}
.tbname{text-align:left;}
.qian,.hou{border:2px solid #cccccc;padding:2px 10px 2px 10px;}
.qian a,.hou a{font-family:khmer os; font-size:1.1em;}
.tbname span{background:#8F0610;color:white;font-family:khmer os;font-size:1.2em;border-radius:4px;display:block;margin-right:20px;}
table a{text-decoration:none;}
table a{color:#cc6600;}
table a:hover{color:#663399}
table a:active{color:red;}
table a:visited{color:blue;}
ul#nav {display:block;float:left;padding:0;}
ul#nav,ul#nav ul {list-style:none;margin:0;}
ul#nav{background-color:#ff6600;border-radius:9px;moz-border-radius:9px;-webkit-border-radius:9px;}
ul#nav .subs {background-color:#eeffff;border-radius:9px;moz-border-radius:9px;-webkit-border-radius:9px;}
ul#nav .subs {display:none;float:left;left:0;padding:0 1px 1px;position:absolute;top:100%;width:100px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
ul#nav li:hover>* {display:block;}
ul#nav li:hover {position:relative;}
ul#nav ul .subs {left:100%;position:absolute;top:0;}
ul#nav ul {padding:0;}
ul#nav li {display:block;float:left;font-size:0;white-space:nowrap;}
ul#nav>li,ul#nav li {margin:0;}
ul#nav ul>li {margin:5px 0 0;}
ul#nav a:active,ul#nav a:focus {outline-style:none;}
ul#nav a {border-style:none;border-width:0;color:#ffff00;cursor:pointer;display:block;font-size:10px;font-weight:bold;padding:8px 18px;text-align:left;text-decoration:none;text-shadow:#fff 0 1px 1px;vertical-align:middle;}
ul#nav ul li {float:none;margin:6px 0 0;}
ul#nav ul a {background-color:#fff;border-color:#ffff00;border-style:solid;border-width:0 0 1px;color:#000;font-size:13px;padding:4px;text-align:left;text-decoration:none;text-shadow:#fff 0 0 0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
ul#nav li:hover>a {border-style:none;color:#fff;font-size:13px;font-weight:bold;text-decoration:none;text-shadow:#181818 0 1px 1px;}
ul#nav img {border:none;margin-right:8px;vertical-align:middle;}
ul#nav span {background-position:right center;background-repeat:no-repeat;display:block;overflow:visible;padding:0;}
ul#nav ul li:hover>a {border-color:#444;border-style:solid;color:#FF7F00;font-size:13px;text-decoration:none;text-shadow:#fff 0 0 0;}
ul#nav > li >a {background-color:transpa;height:25px;line-height:25px;border-radius:11px;-moz-border-radius:11px;-webkit-border-radius:11px;}
ul#nav > li:hover > a {line-height:25px;}
#content{clear:left;}
#footer{height:30px;font-family:宋体;font-size:0.9em;color:white;margin-top:20px;background:#ff6600;}
#footer span{line-height:30px;}

复制代码

txt示例源码为：

ខ្មែរ
<link ref="stylesheet" href="JHCD-CSS.css">
<div id="main">
<div class="container">
<ul id="nav">
<li><a href="#"><span><img src="home.png" /></span></a>
<div class="subs">
<ul>
<li><a href="entry://体例说明"><img src="bub.png" />体例说明</a></li>
<li><a href="entry://略语表"><img src="bub.png" />略语表</a></li>
<li><a href="entry://各省市名"><img src="bub.png" />各省市名</a></li>
<li><a href="entry://计量单位"><img src="bub.png" />计量单位</a></li>
<li><a href="entry://传统节日"><img src="bub.png" />传统节日</a></li>
<li><a href="entry://柬语转英语"><img src="bub.png" />柬语转英语</a></li>
<li><a href="entry://汉语转柬语"><img src="bub.png" />汉语转柬语</a></li>
<li><a href="entry://柬埔寨地图"><img src="bub.png" />柬埔寨地图</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div id="citou">
<div>
<span class="khmer"> ខ្មែរ </span>
</div>
</div>
<div>
<table>
<tr>
<td class="tbname"><span> ពីមុន </span></td>
<td class="qian"><a href="entry://ខ្មេះ">ខ្មេះ</a></td>
<td class="qian"><a href="entry://ខ្មេរ">ខ្មេរ</a></td>
<td class="qian"><a href="entry://ខ្មើតស្លាប់">ខ្មើតស្លាប់</a></td>
<td class="qian"><a href="entry://ខ្មួល">ខ្មួល</a></td>
<td class="qian"><a href="entry://ខ្មួរ">ខ្មួរ</a></td>
</tr>
<tr>
<td class="tbname"><span> ក្រោយ </span></td>
<td class="hou"><a href="entry://ខ្មែរូបនីយកម្ម">ខ្មែរូបនីយកម្ម</a></td>
<td class="hou"><a href="entry://ខ្មោច">ខ្មោច</a></td>
<td class="hou"><a href="entry://ខ្មោះ">ខ្មោះ</a></td>
<td class="hou"><a href="entry://ខ្មោះខ្មួរ">ខ្មោះខ្មួរ</a></td>
<td class="hou"><a href="entry://ខ្មាំង">ខ្មាំង</a></td>
</tr>
</table>
</div>
<div id="content"><img src="/0095_WW_019(1).png"></div>
<div id="footer">
<span>
有任何使用问题，请联系[email protected]。
</span>
</div>
</div>
</>

复制代码

我翻过之前出现类似问题的帖子https://pdawiki.com/forum/forum. ... &fromuid=193499，但我照着上述方法操作，修改名字，重制MDX和MDD文件，清空Goldendict词典文件再重新加载等，还是不起效果。显示图为：

请问这该如何解决呢？先谢谢大家了。

simonfire · 发表于 2018-5-24 06:01:34

本帖最后由 simonfire 于 2018-5-24 06:07 编辑

看你给的示例源文件里，css引入那句<link ref="stylesheet" href="JHCD-CSS.css">，ref应为rel，不知道是你手误还是全部都是这么写的，改回来试试看吧。

只看该作者 · 发表于 2018-5-22 13:43:51

提示: 该帖被管理员或版主屏蔽

DIC4Khmer · 发表于 2018-5-24 20:36:38

simonfire 发表于 2018-5-24 06:01
看你给的示例源文件里，css引入那句，ref应为rel，不知道是你手误还是全部都是这么写的，改回来试试看吧。 ...

好的，谢谢您的回复。我再试试看，还真没注意到。

JKLBZJ 该用户已被删除	2楼发表于 2018-5-22 13:43:51 \| 只看该作者提示: 该帖被管理员或版主屏蔽
JKLBZJ 该用户已被删除
	点评回复支持反对评分举报

[求助] 求解：mdict和欧路正常识别的css文件，为何在goldendict中失效

评分