Table Coding
Aug 5, 2013 14:47:01 GMT -8
Post by Eclipse on Aug 5, 2013 14:47:01 GMT -8
Table Coding
I use this code the most often. Just insert your header, footer, and background image links, and you're good to go![div style="margin:0 auto;width:450px;"][div align="center"][img src="http://HEADER IMAGE LINK GOES HERE" style="max-width:100%;"][/div] [div style="background-image:url(BACKGROUND IMAGE LINK GOES HERE);background-position:center;"][table style="margin:0 auto;"][tbody][tr][td][blockquote][div style="text-align:center;"]
Text text text
Text text text
Text text text
[/div][/blockquote][/td][/tr][/tbody][/table][/div][/div][/blockquote][/font][/blockquote][/td][/tr][/tbody][/table][/div][/div] [div align="center"][img alt=" " src="http://FOOTER IMAGE LINK GOES HERE" style="max-width:100%;"][/div]
For this one, make sure you get all the pixel numbers correct. For the "width of area you want to scroll", you'll want the pixel amount to be LESS THAN THE WIDTH OF YOUR BACKGROUND IMAGE or the scroll bar is going to hang off the right side of your table.
[div align="center"][div style="background-image:url('HEADER IMAGE URL HERE');width:HEADER IMAGE WIDTHpx;height:HEADER IMAGE HEIGHTpx;"][/div][div style="width:BACKGROUND IMAGE WIDTHpx;background-image:url(BACKGROUND IMAGE URL);text-align:justify;color:rgb(255, 255, 255);"][div style="padding-right:0px;padding-left:0px;"][font size="1"]
[div style="height:HEIGHT OF BACKGROUND IMAGE YOU WANT VISIBLEpx;width:WIDTH OF AREA YOU WANT TO SCROLLpx;border:0px solid #ccc;overflow:auto;"]
Text text text
Text text text
Text text text
[/div][/font][/div]
[/div][/div][div align="center"][div style="background-image:url('FOOTER IMAGE URL HERE');width:FOOTER IMAGE WIDTHpx;height:FOOTER IMAGE HEIGHTpx;"][/div][/div]
Another kind:
[div align="center"]
[div style="width:500px;height:887px;background-image:url(BACKGROUND IMAGE LINK);padding-top:12px;background-repeat:no-repeat;"] [div style="width:490px;height:350px;color:#COLOR;overflow:auto;text-align:justify;padding-right:15px;"]
[blockquote]
Text text text
Text text text
Text text text
[/blockquote][/div] [/div][/div]
Let me know if these helps!