请帮助改善桥牌的CSS风格 [英] Please help improve CSS style for a bridge hand

问题描述

在网址上

http：// homepages.cwi.nl/~jacob/bridgehand_try_1.html

你可以在HTML + CSS风格的属性中看到一个桥接手。它没有使用图像或表格，我想保持这种方式。你可以看到，b $ b，钻石的行看起来不正确。钻石

符号，我使用& diams;比其他

符号宽一点。在南方手中我用

font-family = monospace解决了这个问题，并设置了& diams;将1px定位到

吧，但它仍然不是很完美，这个解决方案看起来似乎是hackish

我。


任何CSS可以改进这个看起来很专业的大师吗？

解决方案

2006年1月7日02:06:15 -0800，" Joost Jacob < Jo ********* @ gmail.com>

写道：


：在URL上

：

： http：//homepages.cwi .nl / ~jacob / bridgehand_try_1.html

：

：你可以在HTML + CSS风格的属性中看到一个桥接手。它没有
：使用图像或表格，我想保持这种方式。你可以

：看，钻石的行看起来不对劲。钻石

：符号，我使用& diams;比其他的b $ b：符号宽一点。在南方手中，我用

解决了这个问题：font-family = monospace并设置& diams;将1px定位到

：对，但它仍然不完美，这个解决方案看起来似乎是hackish

：我。

我打算去建议使用图片，但你对此感到厌恶。


也许试试：

< span style =" position：absolute;左：200px;颜色：红色;

字体大小：110％;">& diams;< / span>


Sid

Joost Jacob写道：

http://homepages.cwi.nl/~jacob/bridgehand_try_1.html

你可以在HTML + CSS风格的属性中看到一个桥接手。它没有使用图像或表格，我想保持这种方式。你可以看到，带钻石的行看起来不正确。 [...]

实际上，不，我没有看到。事实上你翻过来的钻石看起来很不错，其他的都没问题。

特殊字符的外观差异取决于

字体-家庭。 Lucida [sans]尤其明显不同，主要是
更大;除了那个笨拙的人。 （改变UTF-8和

iso-8859-1之间的字符集没有任何区别。）


另外，你最好使用ems left：xx定位所以

显示适当调整浏览器字体比例的变化。


-

jmm（连字符）列表（at）sohnen-moe（dot）com

（删除电子邮件的.AXSPAMGN）

2006-01-07，Joost Jacob< ;乔********* @ gmail.com>写道：

在URL上

http://homepages.cwi.nl/~jacob/bridgehand_try_1.html

您可以在HTML + CSS样式属性中看到一个桥接手。它没有使用图像或表格，我想保持这种方式。你可以看到，带钻石的行看起来不正确。钻石
符号，我用过& diams;比其他
符号宽一点。在南方手中，我用
font-family = monospace和设置& diams解决了这个问题;将1px定位到
右边，但它仍然不完美，这个解决方案对我来说似乎很苛刻。

任何可以改进这个看起来很专业的CSS大师？

将它恢复原状。


形状来自计算机上的字体并且会有所不同

在不同字体的不同机器上，


在南方手中钻石要小得多，转移到

左边这里，在另一边它只是比其他符号稍微小一点b / b，几乎不可察觉。


再见。

Jasen

On URL

http://homepages.cwi.nl/~jacob/bridgehand_try_1.html

you can see a bridgehand in HTML + CSS-style attributes. It does not
use images or tables and I would like to keep it that way. As you can
see, the rows with the diamonds are not looking right. The diamond
symbol, i used &diams; is just a little less wide than the other
symbols. In the South hand I solved the problem a little with
font-family=monospace and setting the &diams; position 1px to the
right, but it still is not perfect and this solution seems hackish to
me.

Any CSS guru who can improve on this so it looks professional?

解决方案

On 7 Jan 2006 02:06:15 -0800, "Joost Jacob" <Jo*********@gmail.com>
wrote:

: On URL
:
: http://homepages.cwi.nl/~jacob/bridgehand_try_1.html
:
: you can see a bridgehand in HTML + CSS-style attributes. It does not
: use images or tables and I would like to keep it that way. As you can
: see, the rows with the diamonds are not looking right. The diamond
: symbol, i used &diams; is just a little less wide than the other
: symbols. In the South hand I solved the problem a little with
: font-family=monospace and setting the &diams; position 1px to the
: right, but it still is not perfect and this solution seems hackish to
: me.
I was going to suggest using images, but you have an aversion to that.

Maybe try:
<span style="position: absolute; left: 200px; color: red;
font-size:110%;">&diams;</span>

Sid

Joost Jacob wrote:

http://homepages.cwi.nl/~jacob/bridgehand_try_1.html

you can see a bridgehand in HTML + CSS-style attributes. It does not
use images or tables and I would like to keep it that way. As you can
see, the rows with the diamonds are not looking right. [...]

Actually, no, I do not see that. In fact the diamond you twiddled looks
incorrect and the others are okay.
The difference in how the special characters look depends on the
font-family. Lucida [sans] in particular was noticeably different, mainly
larger; except for the twiddled one. (Changing charset between UTF-8 and
iso-8859-1 made no difference.)

Also, you''d be better off using ems for left:xx positioning so the
display adjusts appropriately with browser font scale changes.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

On 2006-01-07, Joost Jacob <Jo*********@gmail.com> wrote:

On URL

http://homepages.cwi.nl/~jacob/bridgehand_try_1.html

you can see a bridgehand in HTML + CSS-style attributes. It does not
use images or tables and I would like to keep it that way. As you can
see, the rows with the diamonds are not looking right. The diamond
symbol, i used &diams; is just a little less wide than the other
symbols. In the South hand I solved the problem a little with
font-family=monospace and setting the &diams; position 1px to the
right, but it still is not perfect and this solution seems hackish to
me.

Any CSS guru who can improve on this so it looks professional?

put it back how it was.

The shapes come from the fonts on your computer and will differ
on differet machines with different fonts,

In the south hand the diamond is much smaller and shifted to
the left here, in the other hands it is only slightly smaller
than the other symbols, hardly noticeable.

Bye.
Jasen

这篇关于请帮助改善桥牌的CSS风格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！