Website Notes
Version 1.0
(Main Table Tag Properties)
---> border=0
---> cellpadding=0 | space beteen letters
---> cellspacing=0 | space between end of table
---> width=xxx
---> align=left
---> style=background-image:url(xxx.jpg); | add background to the table
---> background-repeat:repeat-y; | repeats the background over the y-axis (vertical)
---> background-repeat:repeat-x; | repeats the background over the x-axis (horizontal)
---> name=table1
---> id=table1
---> Nested Table | Table within a table
(Table Cell Tags and Properties)
---> width=xxx
---> valign=top, bottom | Vertical align
---> align=left, center, right
---> height=xxx
---> style=background-image:url(xxx.jpg); | add background to the table
---> background-repeat: no-repeat; | background doesn't repeat
---> background-repeat:repeat-y; | repeats the background over the y-axis (vertical)
---> background-repeat:repeat-x; | repeats the background over the x-axis (horizontal)
---> padding-top:xxxpx; | space from the top, in the style section
---> padding-left:xxxpx; | space from the left, in the style section
---> padding-right:xxxpx; | space from the right, in the style section
---> padding-bottom: xxxpx; | space from the bottom, in the style section
---> rowspan=3 | This takes up 3 rows instead of one
---> background=xxx.gif | in the style section
(Table Row Tags and Properties)
---> width=xxx
---> valign=top, bottom | Vertical align
---> align=left, center, right
---> height=xxx
---> style=background-image:url(xxx.jpg); | adds background
---> background-repeat:repeat-y; | repeats the background over the y-axis (vertical)
---> background-repeat:repeat-x; | repeats the background over the x-axis (horizontal)
---> background-repeat: no-repeat; | background doesn't repeat
---> padding-top:xxxpx; | space from the top, in the style section
---> padding-left:xxxpx; | space from the left, in the style section
---> padding-right:xxxpx; | space from the right, in the style section
---> padding-bottom: xxxpx; | space from the bottom, in the style section
---> colspan=5 | This takes up 5 columns instead of one
---> background=xxx.gif | in the style section
---> class=outside
(Paragraph Properties)
---> class=head, left, right | sames as aligning text
---> align=center, right, left | aligns the text to the right, center or left
(Div Layers Properties)
---> style=top: xxxpx; | pixels from the top
---> left: xxxpx; | pixels from the left - style
---> z-index: x; | layer of stacking, 0 is the bottom - style
---> width: xxxpx; - style
---> position: absolute | used with the style, use with left/top
---> align=justify | absolute positioning
---> id=xxx | name
(HTML Tags and Such)
--->
| line
---> - | bullet point
--->
| number list
--->
| horziontal line used for signatures
---> | bold text
---> | italic text
---> | underline
---> | smallest header, largest is 1, 1-6 header
--->
| break
---> | centers text
(CSS Properties)
---> b{color:#FD1C11; } | bolded text color
---> p,tr, body, a, td { | group the styles together, cause I'm lazy like that.
---> text-decoration:none; | underline, under overline, dotted, none
---> font-family:tamoha,verdana,arial; | font
---> color: #ffffff;
---> text-align:center;
---> margin-bottom: 0;
---> margin-top: 0;
---> font-size: 7pt;
---> scrollbar-face-color:#000000;
---> scrollbar-arrow-color:#000000;
---> scrollbar-track-color:#000000;
---> scrollbar-shadow-color:#000000;
---> scrollbar-highlight-color:#000000;
---> scrollbar-3dlight-color:#000000;
---> scrollbar-darkshadow-Color:#000000;
---> filter:chroma(color=#000000); | transparent scrollbar
---> background-color:transparent; | transparent or a hex number
---> background-image:url('no divider.gif'); | background image
---> background-attachment:scroll;
---> background-repeat:y-axis;}
---> a:hover{color: #000000; text-decoration: none;}
---> a:link{ color:#000000; text-decoration: none}
---> a:visited{color: #000000;text-decoration: none }
---> .head{ | headers
---> border-style:dotted;
---> border-color:#000000;
---> border-width:3;
---> font-weight:bold;
---> text-align:center;
(Body Properties)
---> topmargin=0 | amount from the top
---> leftmargin=0 | amount from the left
---> marginwidth=0
---> marginheight=0
---> background=X.jpg | add background to the page
---> background-repeat:repeat-y; | repeats the background over the y-axis (vertical)
---> background-repeat:repeat-x; | repeats the background over the x-axis (horizontal)
---> scroll=auto | allows the scrollbar to move
---> bgcolor=#000000 | adds color to the page
---> bgproperties=fixed | makes the background not move
(Image Mapping )
---> name=xxx
(Image Mapping - Area)
Note: Must use "usemap="#map name" in your image tag
---> shape=rect, circle
---> alt="xxx" | Hover over comments
---> coords=x,x,x,x | width, height, left/right, up/down?
---> href=xxx | hyperlinks
---> target=xxx | allows the link to open in a certain window/frame
(Image Properties)
---> src=xxx
---> alt="xxx" | hover over comments
---> width=xxx
---> height=xxx
---> border=0 | when linking the image
(Iframe Properties)
---> allowtransparency=true | allows transparent iframes
---> width=xxx
---> height=xxx
---> border=0 | gets rid of the border
---> frameborder=0 | gets rid of the border
---> src=xxx.html
---> name=xxx | allows targeting
(Hyperlink Properties)
---> target=xxx | allows targeting
---> href=xxx.html
Check Diversity for the latest update, if you have anything to add, or if this helped you at all, please contact me. ^-^
--------
Contact
--------
Noelle
http://miscehviousones.com
noelle_nichols@msn.com