HTML Imaging And Positioning

See My C.V. Page Today!

HTML Authoring: Tips, Tricks, and Secrets

Biting the Technicolor Bullet
All topics are using the exact same image for each bullet.
Black on Black does not really work.

Create a very simple bullet, without any fancy anti-aliasing.
Save As a GIF89a-formatted graphics file, with a transparent color being used for the actual bullet color itself, and the color surrounding the bullet set to black.
To use this bullet:
set it into a table cell all by itself, and set the background color of the cell.
Take a look at the source for this page, and see for yourself how easy it is.

Authoring Tools
There are essentially two tools for authoring HTML.
For the actual content of the page, I use Microsoft Developer Studio. (Visual J++)
For the graphics a good product is PaintShop Pro.
Highlight Netscape Image And Explorer 4.0
Below is a gif image that responds to onMouseOver
Explorer 3.0 does not support obj = new Image(w,h)
Thankfully the later versions of Microsoft Internet Explorer and Netscape support the object document.images
Home Frame C.V. Page DownLoads Contents
Color Samples
These colors may not display properly on systems that do not support true colors.

This is an example of using the "Minty Green Background"
The RGB color value for this is "#EEFFFA".
This is an example of using the "Light Blue Background"
The RGB color value for this is "#F8F8FF".
This is an example of using the "Yellow Background"
The RGB color value for this is "#FFFFF2".
This is an example of using the "The Pink Background"
The RGB color value for this is "#FFF5FF".
This is an example of using the "The Gray Background"
The RGB color value for this is "#EEEEEE".
This is an example of using the "The White Background"
The RGB color value for this is "#FFFFFF".

This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right This provides a nice way of suppling alot of text on the left along with bullet points on the right

HTML Color Numbers and Names

NAME CODE CODE NAME CODE CODE NAME CODE CODE NAME CODE CODE
alicebluea0ce00a0ce00antiquewhitefaebd7faebd7aquamarine7fffd47fffd4azuref0fffff0ffff
beigef5f5dcf5f5dcbisqueffe4c4ffe4c4black000000000000blanchedalmondffebcdffebcd
blue0000ff0000ffblueviolet8a2be28a2be2browna52a2aa52a2aburlywooddeb887deb887
cadetblue5f9ea05f9ea0chartreuse7fff007fff00chocolated2691ed2691ecoralff7f50ff7f50
cornflowerblue6495ed6495edcornsilkfff8dcfff8dccrimsondc143cdc143ccyan aqua00ffff00ffff
darkblue00008b00008bdarkcyan008b8b008b8bdarkgoldenrodb8860bb8860bdarkgraya9a9a9a9a9a9
darkgreen006400006400darkkhakibdb76bbdb76bdarkmagenta8b008b8b008bdarkolivegreen556b2f556b2f
darkorangeff8c00ff8c00darkorchid9932cc9932ccdarkred8b00008b0000darksalmone9967ae9967a
darkseagreen8fbc8f8fbc8fdarkslateblue483d8b483d8bdarkslategray2f4f4f2f4f4fdarkturquoise00ced100ced1
darkviolet9400d39400d3deeppinkff1493ff1493deepskyblue00bfff00bfffdimgray696969696969
dodgerblue1e90ff1e90fffirebrickb22222b22222floralwhitefffaf0fffaf0forestgreen228b22228b22
gainsborodcdcdcdcdcdcghostwhitef8f8fff8f8ffgoldffd700ffd700goldenroddaa520daa520
gray808080808080green008000008000greenyellowadff2fadff2fhoneydewf0fff0f0fff0
hotpinkff69b4ff69b4indianredcd5c5ccd5c5cindigo4b00824b0082ivoryfffff0fffff0
khakif0e68cf0e68clavendere6e6fae6e6falavenderblushfff0f5fff0f5lemonchiffonfffacdfffacd
lightblueadd8e6add8e6lightcoralf08080f08080lightcyane0ffffe0fffflightgoldenrodyellowfafad2fafad2
lightgreen90ee9090ee90lightgreyd3d3d3d3d3d3lightpinkffb6c1ffb6c1lightsalmonffa07affa07a
lightseagreen20b2aa20b2aalightskyblue87cefa87cefalightslategray778899778899lightsteelblueb0c4deb0c4de
lightyellowffffe0ffffe0lime00ff0000ff00limegreen32cd3232cd32linenfaf0e6faf0e6
magenta fuchsiaff00ffff00ffmaroon800000800000mediumaquamarine66cdaa66cdaamediumblue0000cd0000cd
mediumorchidba55d3ba55d3mediumpurple9370db9370dbmediumseagreen3cb3713cb371mediumslateblue7b68ee7b68ee
mediumspringgreen00fa9a00fa9amediumturquoise48d1cc48d1ccmediumvioletredc71585c71585midnightblue191970191970
mintcreamf5fffaf5fffamistyroseffe4e1ffe4e1navajowhiteffdeadffdeadnavy000080000080
oldlacefdf5e6fdf5e6olive808000808000olivedrab6b8e236b8e23orangeffa500ffa500
orangeredff4500ff4500orchidda70d6da70d6palegoldenrodeee8aaeee8aapalegreen98fb9898fb98
paleturquoiseafeeeeafeeeepalevioletreddb7093db7093papayawhipffefd5ffefd5peachpuffffdab9ffdab9
perucd853fcd853fpinkffc0cbffc0cbplumdda0dddda0ddpowderblueb0e0e6b0e0e6
purple800080800080redff0000ff0000rosybrownbc8f8fbc8f8froyalblue4169e14169e1
saddlebrown8b45138b4513salmonfa8072fa8072sandybrownf4a460f4a460seagreen2e8b572e8b57
seashellfff5eefff5eesiennaa0522da0522dsilverc0c0c0c0c0c0skyblue87ceeb87ceeb
slateblue6a5acd6a5acdslategray708090708090snowfffafafffafaspringgreen00ff7f00ff7f
steelblue4682b44682b4tand2b48cd2b48cteal008080008080thistled8bfd8d8bfd8
tomatoff6347ff6347turquoise40e0d040e0d0violetee82eeee82eewheatf5deb3f5deb3
whiteffffffffffffwhitesmokef5f5f5f5f5f5yellowffff00ffff00yellowgreen9acd329acd32

Color Used By Style Sheets On Site

CODE NAME NAME LOTSOFTEXT
ffffffffffffwhitewhite
ffffddffffddwhatwhat
ffee99ffee99whatwhat
ffcc00ffcc00what thiswhat this
ff0066ff0066whatwhat
ff0000ff0000what thiswhat this
f5beaaf5beaawhatwhat
cce1e1cce1e1whatwhat
cc0000cc0000what thiswhat this
beaaf5beaaf5whatwhat
aabbccaabbccwhatwhat
a7ccf6a7ccf6whatwhat
89b6b689b6b6whatwhat
860d96860d96whatwhat
6699cc6699ccwhatwhat
669999669999whatwhat
5555ff5555ffwhat thiswhat this
336699336699what thiswhat this
003399003399what thiswhat this
000080000080whatwhat
000066000066what thiswhat this



JavaScript Annual Calendar  Applet Calendar  Java Menu Button  Advertisement  XML Sample  Currency Option Calculator