stop monkeying around!
T h i s
is a collection of miscellaneous HTML tricks I have collected.

Last update: 16 January 1998 - Hubert van Hecke

Here are my favorite HTML tutorial sites: Glassdog, Netscape, W3C, Jamie's page, NCSA, For Real Designers.

A collection of graphics (copied from Stanford).

Printing color fonts (such as this one) : by trial and error I found that color fonts print out as black when using the 'print' command from Netscape 3.0 on our HP's. Also, 'printing' to a postscript file first does not solve this problem. Strangely enough, colored jpegs and such on the same page come out ok.
However, the same command issued from Netscape on our Macs preserves all colors on the printed page.

subscripts and superscripts:Use < sub > ... < /sub > and < sup > ...< sup > for this purpose. As in: 'the mean transverse momentum pT distribution ...'. The drawback of using these is that line spacing is affected: a little extra vertical space is used betweeen lines using subscripts and superscripts. Sometimes that looks a bit ugly(1). I add a bit of dummy text here to show the effect:'printing' to a postscript file first does not solve this problem. Strangely enough, colored jpegs and such on the same page come out ok.

special characters: Here is the special characters page from Glassdog

Back to Hubert's homepage
Check out this parchment background
Check out this off-white notebook background
Real white notebook background
A miscellaneous bunch of backgrounds






This is how you space out text, width=50%.
This is how you space out text, width=80 pixels.

This is how...

... you make arbitrary vertical space (height=10%)

Here is a clickable map

this is an internal reference, pointing further down the page. Here I have < a href="#jump1">

i = italic
kbd = keyboard
b = bold
h0 = header0

h1 = header1


h2 = header2


h3 = header3


font size=1
font size=2
font size=3
font size=4
font size=5
subsystem TABLE
DATA
TABLE HEADER
Note that (th)...(/th) is the same as
(td align=center)(b)...(/b)
This table has border=2,cellpadding=3
MVD 2Mb numerical (r) >20 Mb/year slow contr; 10 Mb/year calib (u)
Beam-Beam Counter 0.3Mb numerical; 8Mb GIF 1 Mb/year (u)
EM Calorimeter ? ?
TOF ? ?
RICH 7 Mb numerical (r,o) 1 Mb/day = 350 Mb/year
Muon Tracking 50 Mb numerical + PDF (r,l) 100 Mb/year numerical(r,l,u)
Muon ID 13 Mb numerical + PDF (r,l) 25 Mb/year numerical((r,l,u)
Central Tracking 30 Mb 30 Gb/year


subsystem construction
and QA data
calibration and
alignment


This table has center, width=50%, border=20,cellpadding=5, table bgcolor=#aa0000
valign=top
cell bgcolor=#ffff00
rowspan=2
2Mb numerical (r) >20 Mb/year slow contr; 10 Mb/year calib (u)
0.3Mb numerical; 8Mb GIF 1 Mb/year (u)
row bgcolor=#00ff00 align=right ?
valign=bottom 7 Mb numerical (r,o) 1 Mb/day = 350 Mb/year

This is a table with:
width=45%,
cellpadding=20
bgcolor="#EEEEEE"
This file is executed upon CMZ startup (see user's guide). Since this kumac executes under CMZ, it is valid for all machines. As of version n011, it is placed in $FCMZ, since in general, it may be version-dependent. this file is executed upon startup of CMZ. This is usually done by having a.
This border is made by putting a table within a table. The 'outside' table has color AACCCC, cellpadding=15 (this determines the width of the boundary) and the 'inside' table has color FFFFFF, cellpadding=20 (keeps the text away from the edges). Both tables have border=3.
This file is used to create and update the libraries. For an istallation or update, you now have to run command once for the debug library versions (command debug).
depending on machine type and debug switch setting. Libmacs.kumac resides in.
Here is some text immediately below the table.


This is the same, with both borders=0, and color=66AAFF.
have to do this once on each machine type. Subdirectory switching is automatic depending on machine type and debug switch setting. Libmacs.kumac resides in.

If you want to have a table shown inside the colored border, and you have just one 'outer table' with the color you want, you do not get the desired effect, because the background shows through between the inner table boxes.:
parameter value and uncertainty
at 99% confidence


Nuclear temperature T 92.9 +- 4.4 MeV
Baryon chemical potential mu-b/T 5.97 +- 0.56
Pion incoherence fraction lambda-pi 0.65 +- 0.11
Transverse freezeout radius R 8.0 +- 1.6

To solve this, you can try two things: one is to set the cellspacing of the inner table to 0 and also its border to 0 (why this last one I don't know), and compensate by setting the cellpadding to 3 or so::

parameter value and uncertainty
at 99% confidence


Nuclear temperature T 92.9 +- 4.4 MeV
Baryon chemical potential mu-b/T 5.97 +- 0.56
Pion incoherence fraction lambda-pi 0.65 +- 0.11
Transverse freezeout radius R 8.0 +- 1.6
Also note that in the first row, I replaced 'td' by 'th'. TH is the same as bold and center.

Another, more complicated way, is to place the innermost table inside a table which has color white, and place that one in the colored outside table:

parameter value and uncertainty
at 99% confidence

Nuclear temperature T 92.9 +- 4.4 MeV
Baryon chemical potential mu-b/T 5.97 +- 0.56
Pion incoherence fraction lambda-pi 0.65 +- 0.11
Transverse freezeout radius R 8.0 +- 1.6
Transverse freezeout velocity v-t 0.683 +- 0.018 c
By the way, here is a table of hex codes of non-dithering colors.

jump to here; Here I have < a name="jump1"> </a>

subsystem construction
and QA data
calibration and
alignment


This table has center, width=80%, border=0,cellpadding=0
2Mb numerical (r) >20 Mb/year slow contr; 10 Mb/year calib (u)
0.3Mb numerical; 8Mb GIF 1 Mb/year (u)
? ?
? ?


This table has center, width=80%, border=0,cellpadding=0

header1

another topic 1
another topic 2
another topic 3
.

another topic (h2)

2Mb numerical (r)
4Mb numerical (r)
.
here is a very long topic header (b)
0.3Mb numerical; 8Mb GIF


If you need to 'quote' a piece of text, spaces, tabs and all, without HTML messing up the layout, use < pre > ... < /pre > , as follows:

struct dMvdClmp { 
                   short shell;
                   short row;
                   short cell;
                   float zavg;
                   short clsize;
                 };


The color is given by {font color="#abcdef"} where abcdef is a hex number. ab is red, cd is for green and ef is green.when he was under indictment (Nov 94), cure earmarking? We should find out; a few pork-barrel hall-of-famers will retire (WN 27 Sep 96), but there's plenty of talent left. Joseph McDade (R-PA), who was passed over for chair of House Appropriations two years ago when he was under indictment (WN 18 Nov 94), wants to claim the job now that he's been acquitted, but Bob Livingston (R-LA) has a lock on it. McDade will likely get his choice of subcommittees; perhaps defense--he once earmarked a $10M defense contract for the Sisters of the Immaculate Heart of Mary. In the Senate, Mark Hatfield (R-OR), the retiring king of pork, will be succeeded as chair of Appropriations by Ted Stevens (R-AK), who has managed to earmark over $115M for the University of Alaska to extract energy from the Aurora Borealis. In the unlikely event that Clinton uses the line item veto, it will almost surely face a court In the unlikely event that Clinton uses the line item veto, it will almost surely face a court

The color is given by {font color="#abcdef"} where abcdef is a hex number. Apparently the first 2 don't influence the color. cure earmarking? We should find out; a few pork-barrel hall-of-famers will retire (WN 27 Sep 96), but there's plenty of talent left. Joseph McDade (R-PA), who was passed over for chair of House Appropriations two years ago when he was under indictment (WN 18 Nov 94), wants to claim the job now that he's been acquitted, but Bob Livingston (R-LA) has a lock on it. McDade will likely get his choice of subcommittees; perhaps defense--he once earmarked a $10M defense contract for the Sisters of the Immaculate Heart of Mary. In the Senate, Mark Hatfield (R-OR), the retiring king of pork, will be succeeded as chair of Appropriations by Ted Stevens (R-AK), who has managed to earmark over $115M for the University of Alaska to extract energy from the Aurora Borealis. In the unlikely event that Clinton uses the line item veto, it will almost surely face a court In the unlikely event that Clinton uses the line item veto, it will almost surely face a court

The color is given by {font color="#abcdef"} where abcdef is a hex number. Apparently the first 2 don't influence the color. cure earmarking? We should find out; a few pork-barrel hall-of-famers will retire (WN 27 Sep 96), but there's plenty of talent left. Joseph McDade (R-PA), who was passed over for chair of House Appropriations two years ago when he was under indictment (WN 18 Nov 94), wants to claim the job now that he's been acquitted, but Bob Livingston (R-LA) has a lock on it. McDade will likely get his choice of subcommittees; perhaps defense--he once earmarked a $10M defense contract for the Sisters of the Immaculate Heart of Mary. In the Senate, Mark Hatfield (R-OR), the retiring king of pork, will be succeeded as chair of Appropriations by Ted Stevens (R-AK), who has managed to earmark over $115M for the University of Alaska to extract energy from the Aurora Borealis. In the unlikely event that Clinton uses the line item veto, it will almost surely face a court In the unlikely event that Clinton uses the line item veto, it will almost surely face a court

how to make buttons like these:



click on the clickable one. Note that the buttons are all the same size, but to make the non-clickable the same size as the one clickable button, you have to give them a 'border=2'.

Last update: 16 Jan 98 - Hubert van Hecke

test
frames