Home
Twin Pics
Britsj-magazine
 
Basics of Bridge HTML: index
Diagram Characters 
Bidding  Macros 
Images
Bridge-HTML for Dummies Download  
Bridge-HTML by font
 

Acknowlegement

Macros for Bridge-HTML
Write a bridge-article in a blank "Web-document", using the diagrams (just cut and paste) and macros that you need.

Start by pushing the Bridge-HTML button (pack of cards, name: "webbridge"), now Word will create a new HTML-document and ask you to save it (save in the right directory, i.e. the directory where you put the Card Symbol.gifs, this is very essential as Word will now know where the gifs are.)
Take care of placing theS:H:D:C:-pictures in the directory that you use to save your document and copying the macros to "Normal-Newmacros". (You can ask for a copy of my Normal.dot which places 4 card-symbol buttons and the bridge-HTML-button to your bar).(My Word-version is Dutch, I'm afraid. The macros are in  VBA (English) though)
I use MS Word 97, but MS Internet-assistant can be integrated in Word for Windows 95.
In a "plain" document I use the other macros by inserting a symbol.


Bridge-HTML for dummies


HTML cardsymbols made easier

Next to my macros for bridge-HTML I have found a way to convert bridgedocument-formats of (any) wordprocessor to Bridge-HTML including the cardsymbols using Word for Windows(97).
Simply convert the document to a Word-file, then into a HTML-document (still the symbols (font:symbol) are on the screen, they will only disappear after conversion to the source-code).
Now select the entire document and "change" the font into a general font like Times New Roman or Arial.
What you will see now is the replacement of your carefully selected symbols by:
S:: ª (ALT 0170); H:: © (ALT 0169); D:: ¨ (ALT 0168); C:: § (ALT 0167). 
Don't panic, save your document and choose HTML (source-code).
Find ( ª , © , ¨ or § ) and replace (by the HTML image-description) (Word function) the named symbols into their HTML-description
i.e.: C:, §: <IMG SRC = c.gif ALT ="C:">.

NB: Take care of saving the HTML-document in the same directory where you put the Card Symbol.gifs.



 
 
[Diagram ] [Font] [ Bidding ] [ Image ] [Characters ] [ Macros ] [Top]
 
 
 

Always curious about the way others produce their bridge-documents in HTML I found much to my suprise the 'symbol'-font in the (HTML)Daily Bulletin of the WBF 1998 World Bridge Championship  (sept.1998).
 
The lay-out  looks like:
 
Table                                                              On screen:
Board 8. Dealer West. Love All
ª J 5 2
© 10 9
¨ A 7 4
§ A 9 8 7 6
ª 9 8 7 4 ª K Q
© A K 7 6 © Q J 8 4
¨ 3 ¨ 9 8 5 4
§ K Q 10 5 § 4 3 2
ª A 10 6 3
© 5 3 2
¨ K Q J 10 6
§ J
 
Board 8. Dealer West. Love All
ª J 5 2
© 10 9
¨ A 7 4
§ A 9 8 7 6
ª 9 8 7 4 ª K Q
© A K 7 6 © Q J 8 4
¨ 3 ¨ 9 8 5 4
§ K Q 10 5 § 4 3 2
ª A 10 6 3
© 5 3 2
¨ K Q J 10 6
§ J
 
 
It works out right in  Netscape 4 and 3 as well in MSIE 4, the symbol-font installed on your computer. I don't know about other browsers. The loading of a font is faster since no graphics are involved. Take care, however, when switching between HTML-editors. You could have the following result (Print Screen of Word '97):
 
 

This is not the result of the URL location in Greece but a mere difference in "symbol-interpretation" by Netscape Composer and Word '97.
I have adjusted the table for faster navigation filling out the hands using <TAB>, <SHIFT-TAB> and <UP>, <DOWN> etc.
I took care of red hearts and diamonds and a standard black font.
Since you do not know about the fonts installed on the end-user's computer, the use is not recommended on the WWW (see below).
Reaction from Henk Uijterwaal in RGB (20-09-1998): 

No, it works in Netscape or MSIE when the program is run on Intel x86- based processor hardware, the operating system used is the one sold by a large Seattle-based software vendor and assuming that the symbol font is installed on the machine.  It does NOT work on other combinations of hardware and software, nor is guaranteed that it will work or that the 
user will realize that something is wrong (e.g. your browser might decide to replace the symbol by blank space). 

The HTML standard specifies a standard character sets and a set of symbols (&xxx;) that any browser should be able to show as something readable. The suit symbols have not yet been included, so those should be included as GIF's (<IMG SRC="c.gif" ALT="C:">). 

If you want to be sure that your pages can be read by everyone, why not simply stick to the standards?  I have 4 little GIF's for the suit symbols, their total size is less than 1 kb, so the loading time is small even when using a slow modem. 

Henk 

    Email     Henk Uijterwaal    WWW
 
Reaction from Kent Burghard in RGB (20-09-1998): 
  
I am the webmaster for the ACBL.  I put more bridge hands on the internet than anyone. I always use a very small graphic for the suit symbols with an alternate text for those who do not use graphics.  I also modified the bulletins from Lille and placed them on the ACBL web server.  Of course, I eliminated the symbol font from the HTML since the working of that approach requires that the end-user have that font installed on their computer.  Can't make that assumption.  In the US there is a company now that allows people to access the internet from their television set (called Web TV) and you can bet that those people do not have fonts installed (since they have no computer). 

Kent Burghard 
ACBL Headquarters 
burghard@acbl.org 
 
 



 
 
[Diagram ] [Font] [ Bidding ] [ Image ] [Characters ] [ Macros ] [Top]
 
 


Images (general description):
 
<IMG SRC = s.gif ALT ="S:"
<IMG SRC = h.gif ALT ="H:"
<IMG SRC = d.gif ALT ="D:"
<IMG SRC = c.gif ALT ="C:"

Images: produced by macros for HTML-documents (in source-code).

<IMG SRC="s.gif" WIDTH=13 HEIGHT=11 [macro]

<IMG SRC="h.gif" WIDTH=13 HEIGHT=11 [macro]

<IMG SRC="d.gif" WIDTH=13 HEIGHT=11 [macro]

<IMG SRC="c.gif" WIDTH=13 HEIGHT=11[macro]
 
 

[Diagram ] [Font] [ Bidding ] [ Image ] [Characters ] [ Macros ] [Top]
  

 

Characters

Plain Word-document, produced by font "symbol", the "ANSI"-representation is shown, but not relevant:
 
S:<Symbol&#0170 <ANSI  ª [macro]

H:<Symbol&#0169 <ANSI © [macro]

D:<Symbol&#0168 <ANSI  ¨ [macro]

C:<Symbol&#0167 <ANSI  § [macro]
 
 

[Diagram ] [Font] [ Bidding ] [ Image ] [Characters ] [ Macros ] [Top]
 


 
 
Home
Britsj