Kent, I can’t read this in a plain-text e-mail. I can’t paste it into an ordinary word-processor like Word as in my previous response to Markus, or in Pages (left) or LibreOffice (right) as shown here. (I simply pasted in the text from Word to each of those. It’s odd to see that there is some variation in display the text without selecting it and applying the correctly-configured font to it, but when that’s done, the correct display is given (modulo some leading issues which I didn’t focus on in either).
The workaround you give is just that. It works. It’s not usefully portable or user-friendly, and as higher-letter protocols go, it hasn’t swept away all competition for presenting chessboards. People use ASCII or MS Symbol-based fonts not even with any Unicode characters in them.
http://evertype.com/standards/unicode-list/libreoffice-lg.png
http://evertype.com/standards/unicode-list/pages-lg.png
> On 3 Apr 2017, at 19:46, Kent Karlsson <kent.karlsson14_at_telia.com <mailto:kent.karlsson14_at_telia.com>> wrote:
>
>
> Den 2017-04-03 19:51, skrev "markus.icu_at_gmail.com <mailto:markus.icu_at_gmail.com>" <markus.icu_at_gmail.com>:
>
> > It seems to me that higher-level layout (e.g, HTML+CSS) is appropriate for the
> > board layout (e.g., via a table), board frame style, and cell/field shading.
> > In each field, the existing characters should suffice.
> >
> > markus
>
> True, and one can easily find an example online.
>
> Slightly modified from http://stackoverflow.com/questions/18505921/chess-using-tables
>
> <html>
> <head>
> <style>
> a {
> color:#000;
> display:block;
> font-size:12px;
> height:16px;
> position:relative;
> text-decoration:none;
> text-shadow:0 1px #fff;
> width:16px;
> }
> #chess_board { border:2px solid #333; }
> #chess_board td {
> background:#fff;
> background:-moz-linear-gradient(top, #fff, #eee);
> background:-webkit-gradient(linear,0 0, 0 100%, from(#fff), to(#eee));
> box-shadow:inset 0 0 0 1px #fff;
> -moz-box-shadow:inset 0 0 0 1px #fff;
> -webkit-box-shadow:inset 0 0 0 1px #fff;
> height:16px;
> text-align:center;
> vertical-align:middle;
> width:16px;
> }
> #chess_board tr:nth-child(odd) td:nth-child(even),
> #chess_board tr:nth-child(even) td:nth-child(odd) {
> background:#ccc;
> background:-moz-linear-gradient(top, #ccc, #eee);
> background:-webkit-gradient(linear,0 0, 0 100%, from(#ccc), to(#eee));
> box-shadow:inset 0 0 10px rgba(0,0,0,.4);
> -moz-box-shadow:inset 0 0 10px rgba(0,0,0,.4);
> -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.4);
> }
> </style>
> </head>
> <body>
> <p>True, and one can easily find an example online.</p>
> <p>Slightly modified from http://stackoverflow.com/questions/18505921/chess-using-tables</p>
>
> <table id="chess_board" cellpadding="0" cellspacing="0">
> <tr>
> <td id="A8">♜</td>
> <td id="B8">♞</td>
> <td id="C8">♝</td>
> <td id="D8">♛</td>
> <td id="E8">♚</td>
> <td id="F8">♝</td>
> <td id="G8">♞</td>
> <td id="H8">♜</td>
> </tr>
> <tr>
> <td id="A7">♟</td>
> <td id="B7">♟</td>
> <td id="C7">♟</td>
> <td id="D7">♟</td>
> <td id="E7">♟</td>
> <td id="F7">♟</td>
> <td id="G7">♟</td>
> <td id="H7">♟</td>
> </tr>
> <tr>
> <td id="A6"></td>
> <td id="B6"></td>
> <td id="C6"></td>
> <td id="D6"></td>
> <td id="E6"></td>
> <td id="F6"></td>
> <td id="G6"></td>
> <td id="H6"></td>
> </tr>
> <tr>
> <td id="A5"></td>
> <td id="B5"></td>
> <td id="C5"></td>
> <td id="D5"></td>
> <td id="E5"></td>
> <td id="F5"></td>
> <td id="G5"></td>
> <td id="H5"></td>
> </tr>
> <tr>
> <td id="A4"></td>
> <td id="B4"></td>
> <td id="C4"></td>
> <td id="D4"></td>
> <td id="E4"></td>
> <td id="F4"></td>
> <td id="G4"></td>
> <td id="H4"></td>
> </tr>
> <tr>
> <td id="A3"></td>
> <td id="B3"></td>
> <td id="C3"></td>
> <td id="D3"></td>
> <td id="E3"></td>
> <td id="F3"></td>
> <td id="G3"></td>
> <td id="H3"></td>
> </tr>
> <tr>
> <td id="A2">♙</td>
> <td id="B2">♙</td>
> <td id="C2">♙</td>
> <td id="D2">♙</td>
> <td id="E2">♙</td>
> <td id="F2">♙</td>
> <td id="G2">♙</td>
> <td id="H2">♙</td>
> </tr>
> <tr>
> <td id="A1">♖</td>
> <td id="B1">♘</td>
> <td id="C1">♗</td>
> <td id="D1">♕</td>
> <td id="E1">♔</td>
> <td id="F1">♗</td>
> <td id="G1">♘</td>
> <td id="H1">♖</td>
> </tr>
> </body>
> </html>
Received on Wed Apr 05 2017 - 09:48:33 CDT
This archive was generated by hypermail 2.2.0 : Wed Apr 05 2017 - 09:48:33 CDT
