再次：迁移中的效果HTML 4.01 - > XHTML 1.0 [英] Once again: effects in Migration HTML 4.01 -> XHTML 1.0
问题描述
我已经提出了这个问题，但是很可能它来到了轮子下面
，因为它隐藏在另一个线程中。然而，重要的是
我理解问题并解决它。
旧的HTML 4.01标准：
http://www.sonoptikon.de/kairos/kontakt.php
关键线是：
-------------------
< table cellpadding = 4 cellspacing = 1 width =" 100％">
< tr>
< td bgcolor =" #eeeee" ; class =" doc">
< img src =" pics / kairos.jpg" alt ="">< / td>
< td bgcolor =" #eeeee"类= QUOT; DOC" VALIGN = QUOT;中间" width =" 100％">
< h1> kairos：Bildung - Gesundheit - Leben< / h1>
< / td>
< / tr>
< tr>< td bgcolor =" #eeeee"类= QUOT; DOC" VALIGN = QUOT;顶" align =" center">
-------------------
新xhtml 1.0标准：
http://www.sonoptikon.de/kairos/ index.html
关键路线是：
------------------ -
< table class =" frame">
< tr>
<！ - linke obere Ecke - >
< td class =" icon">< img src =" pics / kairos.jpg" alt ="">< / img>< / td>
<！ - 横幅 - >
< td class =" ; banner">
< h1> kairos：Bildung - Gesundheit - Leben< / h1>
< / td>
< / tr>
<！ - 链接器Streifen - >
< tr>
< td class =" lframe">
-------------------
用css行：
-------------------
..frame {width：100％;边框间距：1px的; }
/ *< table cellpadding = 4 cellspacing = 1 width = \" 100％\"> * /
..icon {background-color：#EEEEEE;垂直对齐：中部;填充：4px;
宽度：1％; }
..banner {background-color：#EEEEEE;垂直对齐：中部;填充：4像素; }
..lframe {background-color：#EEEEEE; vertical-align：top;
text-align：center;填充：0}
-------------------
你看到剩下的小图片了上面是跳跃，图片下面的灰色框架
在xhtml版本中较厚，而横幅更高。
中心问题似乎对我来说，如何构建cellpadding和
" cellspacing"在css。
当然差异很小，也许有人可能会说它是'b $ b&b; Korinthenkackerei'，但我有兴趣制作"正确"代码和
解决问题。
谢谢
Werner
-
------------------------------------- ----------------------
Werner合伙人*电话+49 2366 886606 *传真：886608
mailto：ka **** @ sonoptikon.de * http://www.sonoptikon.de
h？ren Sie Klassik： http://www.drmk.ch /
I put this question already, but erhaps it "came under the wheels"
because it was hidden in another thread. Nevertheless it''s important for
me to understand the problem and solve it.
Old html 4.01 Standard:
http://www.sonoptikon.de/kairos/kontakt.php
The crucial lines are:
-------------------
<table cellpadding=4 cellspacing=1 width="100%">
<tr>
<td bgcolor="#eeeeee" class="doc">
<img src="pics/kairos.jpg" alt=""></td>
<td bgcolor="#eeeeee" class="doc" valign="middle" width="100%">
<h1>kairos: Bildung - Gesundheit - Leben</h1>
</td>
</tr>
<tr><td bgcolor="#eeeeee" class="doc" valign="top" align="center">
-------------------
New xhtml 1.0 Standard:
http://www.sonoptikon.de/kairos/index.html
The crucial lines are:
-------------------
<table class="frame">
<tr>
<!-- linke obere Ecke -->
<td class="icon"><img src="pics/kairos.jpg" alt=""></img></td>
<!-- Banner -->
<td class="banner">
<h1>kairos: Bildung - Gesundheit - Leben</h1>
</td>
</tr>
<!-- linker Streifen -->
<tr>
<td class="lframe">
-------------------
with css lines:
-------------------
..frame { width:100%; border-spacing:1px; }
/* <table cellpadding=4 cellspacing=1 width=\"100%\"> */
..icon { background-color:#EEEEEE; vertical-align:middle; padding:4px;
width:1%; }
..banner { background-color:#EEEEEE; vertical-align:middle; padding:4px; }
..lframe { background-color:#EEEEEE; vertical-align:top;
text-align:center; padding:0 }
-------------------
You see that the little picture left above is "jumping", the grey frame
under the picture is thicker in xhtml-Version, and the Banner ist higner.
The central question seems to me how build "cellpadding" and
"cellspacing" in css.
Of course the difference is minimal and maybe someone may say that it''s
"Korinthenkackerei", but I am interested to make "correct" code and to
solve the problem.
Thanks
Werner
--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
h?ren Sie Klassik: http://www.drmk.ch/
推荐答案
Werner Partner< ka **** @ sonoptikon.de>写道：
Werner Partner <ka****@sonoptikon.de> writes:
我已经把这个问题提出来了，但是很可能它来到了车轮下。
那么可能是有原因的。 :)
新xhtml 1.0标准：
http://www.sonoptikon.de/kairos/index.html
它是text / html。
doctype声明中的正式公共和系统标识符不匹配（当然，返回''标准
合规模式''）。请停止做你正在做的事情并恢复原状
好的老式标签沙拉。
在我看来，中心问题是如何构建cellpadding。和
cellspacing在css。
I put this question already, but erhaps it "came under the wheels"
Then there was probably a reason for that. :)
New xhtml 1.0 Standard:
http://www.sonoptikon.de/kairos/index.html
It''s text/html. The formal public and the system identifier in the
doctype declaration mismatch (naturally, that returns ''standards
compliance mode''). Please, stop doing what you are doing and revert to
good old fashioned tag salad.
The central question seems to me how build "cellpadding" and
"cellspacing" in css.
中心答案是
< http://www.w3.org/TR/CSS2/box.html #padding-properties>
< http://www.w3.org/TR/CSS2/tables.html#separated-borders>
分散的答案是，在XHTML1.0（严格）中，目标受众（tagsoup slurpers）和有效
属性更好地支持cellpadding和cellspacing
。
-
| ）111010111011 | http://bednarz.nl/
- （
|）分发给我： http://binaries.bednarz.nl/ mp3 / aisha
Eric B. Bednarz schrieb：
Eric B. Bednarz schrieb:
合规模式''）。请停止做你正在做的事情并恢复到好的老式标签沙拉。
compliance mode''). Please, stop doing what you are doing and revert to
good old fashioned tag salad.
???：
http://validator.w3.org/check?uri = ww ... e％2Findex.html
Werner
-
- -------------------------------------------------- --------
Werner合伙人*电话+49 2366 886606 *传真：886608
mailto：ka **** @ sonoptikon.de * http://www.sonoptikon.de
h ?? ren Sie Klassik ： http://www.drmk.ch/
???:
http://validator.w3.org/check?uri=ww...e%2Findex.html
Werner
--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
h??ren Sie Klassik: http://www.drmk.ch/
Eric B. Bednarz schrieb：
Eric B. Bednarz schrieb:
Werner Partner< ka **** @ sonoptikon.de>写道：
Werner Partner <ka****@sonoptikon.de> writes:
我已经提出了这个问题，但是很可能它在车轮下<
I put this question already, but erhaps it "came under the wheels"
然后有可能原因。 :)
Then there was probably a reason for that. :)
新的xhtml 1.0标准：
http://www.sonoptikon.de/kairos/index.html
New xhtml 1.0 Standard:
http://www.sonoptikon.de/kairos/index.html
也许你理解我错了。
我简单而谦虚的问题是：
为什么元素中的填充底部留在上面大约两倍宽？
作为其他填充。有什么不对的？
我现在试过了：
..icon {background-color：#EEEEEE; vertical-align：middle;
padding-top：4px;填充左：4像素; padding-right：4px;}
现在我有我想要的东西：填充4 px
Werner
-
------------------------------------- ----------------------
Werner合伙人*电话+49 2366 886606 *传真：886608
mailto：ka **** @ sonoptikon.de * http://www.sonoptikon.de
h ?? ren Sie Klassik： http：//www.drmk。 ch /
这篇关于再次：迁移中的效果HTML 4.01 - > XHTML 1.0的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
