Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: HTML Code Help

  1. #1
    New to the CF scene
    Join Date
    Mar 2014
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HTML Code Help

    I apologize in advance, I am a newbie to HTML. I built this with a template builder. I hope you can tell me why the top box is not in the middle?

    Thank so much!

    HTML Code Help-free-2-form.jpg



    <!-- begin freeform2.robshelp.com Tailored for eBay Template -->

    <table id="myOutside" class="myOutsideBG" cellpadding="0" cellspacing="0"><tbody><tr><td>
    <table id="myWrapper" class="myWrapperBG" align="center" cellpadding="0" cellspacing="0"><tbody><tr>
    <td><div id="myHeaderwrapper" class="myOutsideBG">
    <b class="myRC1 myHeaderBG"></b><b class="myRC2 myHeaderBG"></b><b class="myRC3 myHeaderBG"></b><b class="myRC4 myHeaderBG"></b>
    <div id="myHeadername"><a name="Header"></a></div><div id="myHeader" class="myHeaderBG">
    <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td id="myHeaderSeller"><div align="center"><font size="5">____________________</font><img src="http://i822.photobucket.com/albums/zz148/EarthWiseBaby/Template%20Web/1Logo.png" height="118" border="0" width="358"><font size="5">____________________</font><br><br></div></td>
    </tr></tbody></table>
    <div id="myLinks1" class="myHeaderLinks"></div> <!-- id=myLinks1 class=myHeaderLinks -->
    <div id="myLinks2" class="myHeaderLinks"></div> <!-- id=myLinks2 class=myHeaderLinks -->
    </div> <!-- id=myHeader class=myHeaderBG -->
    </div> <!-- id=myHeaderwrapper class=myOutsideBG --><table id="myArea1" align="center" cellpadding="0" cellspacing="0"><tbody><tr>
    <td class="mySingleCols"><div id="myTitlename"><a name="Title"></a></div><table cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td id="myTitle"><br></td>
    </tr></tbody></table></td> <!-- class=mySingleCols -->
    </tr></tbody></table> <!-- id=myArea1 -->
    <table id="my23" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td id="myArea2" class="myLeftCols" valign="top"><div id="myPictures" class="mySectionMargins"><b class="myRC1 myPicturesBG"></b><b class="myRC2 myPicturesBG"></b><b class="myRC3 myPicturesBG"></b><b class="myRC4 myPicturesBG"></b><div class="myPicturesBG"><div id="myPicturesname"><a name="Pictures"></a></div><table cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td id="myPicturesHeading" class="myPicturesText"><div align="center"><br><br><img src="http://images60.fotki.com/v367/photos/8/3222238/12771507/CottonChenilleBlanketsCloseup5-vi.jpg" height="319" border="0" width="267">&nbsp;&nbsp;&nbsp; <img src="http://images60.fotki.com/v370/photos/8/3222238/12771507/CottonChenilleBlanketsCloseup6-vi.jpg" height="314" border="0" width="258"><br></div></td></tr></tbody></table><div id="myPicturesInsert"><!-- myPicturesCode --><!-- myPicturesCode --></div></div><div class="myWrapperBG"><b class="myRC4 myPicturesBG"></b><b class="myRC3 myPicturesBG"></b><b class="myRC2 myPicturesBG"></b><b class="myRC1 myPicturesBG"></b></div></div> <!-- id="myPictures" class="mySectionMargins" -->
    </td> <!-- id="myArea2" class="myLeftCols" --><td id="myArea3" class="myRightCols" valign="top"></td> <!-- id="myArea3" class="myRightCols" -->
    </tr></tbody></table><table id="myArea4" align="center" cellpadding="0" cellspacing="0"><tbody><tr>
    <td class="mySingleCols"><div id="myR4S1" class="mySectionMargins">
    <b class="myRC1 myHeadingsBG"></b><b class="myRC2 myHeadingsBG"></b><b class="myRC3 myHeadingsBG"></b><b class="myRC4 myHeadingsBG"></b>
    <div class="myHeadingsBG">
    <div id="myR4S1Headingname"><a name="Description"></a></div>
    <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td id="myR4S1Heading" class="myHeadings">Description<br></td>
    </tr></tbody></table></div> <!-- class="myHeadingsBG" -->
    <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td id="myR4S1Text" class="myTextBoxes myTextBoxesBG">Snuggle up in our organic blankets, you will feel like you are hugging a teddy bear. <br><br>Our chenille certified organic cotton blankets are plush for extra warmth. While most blankets are lightweight, this is medium weight and and also elegant Herringbone design nice to be used as a bedspread. Resists pulls caused by sharp things. Available in many sizes and in attractive neutral tones. Made in the USA from seed to blanket.<br><br><br><br><br></td> <!-- id="myR4S1Text" class="myTextBoxes myTextBoxesBG" -->
    </tr></tbody></table>
    <div class="myWrapperBG">
    <b class="myRC4 myTextBoxesBG"></b><b class="myRC3 myTextBoxesBG"></b><b class="myRC2 myTextBoxesBG"></b><b class="myRC1 myTextBoxesBG"></b>
    </div> <!-- class=myWrapperBG -->
    </div> <!-- id="myR4S1" class=mySectionMargins -->
    <div id="myR4S2" class="mySectionMargins">
    <b class="myRC1 myHeadingsBG"></b><b class="myRC2 myHeadingsBG"></b><b class="myRC3 myHeadingsBG"></b><b class="myRC4 myHeadingsBG"></b>
    <div class="myHeadingsBG">
    <div id="myR4S2Headingname"><a name="PaymentShipping"></a></div>
    <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td id="myR4S2Heading" class="myHeadings">Payment &amp; Shipping</td>
    </tr></tbody></table></div> <!-- class="myHeadingsBG" -->
    <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td id="myR4S2Text" class="myTextBoxes myTextBoxesBG">All of our products are made with joy and care, from the first fiber to the end shipping process. Products are carefully sealed and packaged to ensure a safe arrival. We ship all items over a pound with UPS ground, which we find to be a reliable route. Payment of items is due within five days. We accept Paypal only.<br><br>We strive to make shipping and handling time as quick as possible. Once payment is received we send items out within two days. We ship daily, excluding Saturdays and Sundays and UPS holidays. A 7.00% sales tax applies to Florida residents.<br><br>International Residents:<br>With apologies, as of now we ship to the United States only. <br><br></td> <!-- id="myR4S2Text" class="myTextBoxes myTextBoxesBG" -->
    </tr></tbody></table>
    <div class="myWrapperBG">
    <b class="myRC4 myTextBoxesBG"></b><b class="myRC3 myTextBoxesBG"></b><b class="myRC2 myTextBoxesBG"></b><b class="myRC1 myTextBoxesBG"></b>
    </div> <!-- class=myWrapperBG -->
    </div> <!-- id="myR4S2" class=mySectionMargins -->
    <div id="myR4S3" class="mySectionMargins">
    <b class="myRC1 myHeadingsBG"></b><b class="myRC2 myHeadingsBG"></b><b class="myRC3 myHeadingsBG"></b><b class="myRC4 myHeadingsBG"></b>
    <div class="myHeadingsBG">
    <div id="myR4S3Headingname"><a name="ReturnsPolicy"></a></div>
    <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td id="myR4S3Heading" class="myHeadings">Returns Policy</td>
    </tr></tbody></table></div> <!-- class="myHeadingsBG" -->
    <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td id="myR4S3Text" class="myTextBoxes myTextBoxesBG">We strive to make our customers happy with their purchases. Items that are unused may be returned within 10 days with no restocking fees. Washed/used items may be returned only if they are defective.<br><br>Stuffed items such as pillows, mattress pads and toppers may not be returned once opened due to health laws, unless defective. They arrive sealed so you can see them before you open them.<br><br>If you suspect the item is defective please email us so we can further help you.<br><br>Thank You.</td> <!-- id="myR4S3Text" class="myTextBoxes myTextBoxesBG" -->
    </tr></tbody></table>
    <div class="myWrapperBG">
    <b class="myRC4 myTextBoxesBG"></b><b class="myRC3 myTextBoxesBG"></b><b class="myRC2 myTextBoxesBG"></b><b class="myRC1 myTextBoxesBG"></b>
    </div> <!-- class=myWrapperBG -->
    </div> <!-- id="myR4S3" class=mySectionMargins -->
    </td> <!-- class="mySingleCols" -->
    </tr></tbody></table> <!-- id="myArea4" -->
    <table id="my56" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td id="myArea5" class="myLeftCols" valign="top"></td> <!-- id="myArea5" class="myLeftCols" -->
    <td id="myArea6" class="myRightCols" valign="top"></td> <!-- id="myArea6" class="myRightCols" -->
    </tr></tbody></table>
    <table id="myArea7" align="center" cellpadding="0" cellspacing="0"><tbody><tr>
    <td class="mySingleCols"><div id="myR7S1" class="mySectionMargins">
    <b class="myRC1 myHeadingsBG"></b><b class="myRC2 myHeadingsBG"></b><b class="myRC3 myHeadingsBG"></b><b class="myRC4 myHeadingsBG"></b>
    <div class="myHeadingsBG">
    <div id="myR7S1Headingname"><a name="Thanks"></a></div>
    <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td id="myR7S1Heading" class="myHeadings">Thanks for Visiting<br></td>
    </tr></tbody></table></div> <!-- class="myHeadingsBG" -->
    <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td id="myR7S1Text" class="myTextBoxes myTextBoxesBG">Check out our other items. We carry a wide array of high quality natural and organic items at great prices on eBay. <br></td> <!-- id="myR7S1Text" class="myTextBoxes myTextBoxesBG" -->
    </tr></tbody></table>
    <div class="myWrapperBG">
    <b class="myRC4 myTextBoxesBG"></b><b class="myRC3 myTextBoxesBG"></b><b class="myRC2 myTextBoxesBG"></b><b class="myRC1 myTextBoxesBG"></b>
    </div> <!-- class=myWrapperBG -->
    </div> <!-- id="myR7S1" class=mySectionMargins -->
    </td> <!-- class="mySingleCols" -->
    </tr></tbody></table> <!-- id="myArea7" -->
    </td></tr><tr><td colspan="2">
    <div id="myReserved">&copy; All Rights Reserved by Author<br>Assembled using <a href="http://freeform2.robshelp.com" target="_top">FreeForm2 Template Builder</a></div>
    <div id="myWrapperFooter" class="myOutsideBG">
    <b class="myRC4 myWrapperBG"></b><b class="myRC3 myWrapperBG"></b><b class="myRC2 myWrapperBG"></b><b class="myRC1 myWrapperBG"></b>
    </div> <!-- id=myWrapperFooter class=myOutsideBG -->
    </td></tr></tbody></table> <!-- id=myWrapper -->
    </td></tr></tbody></table> <!-- id=myOutside class=myOutsideBG -->
    <div id="myExternal"></div>
    <style type="text/css">
    #CentralArea #myWrapper table {font-size:larger} /* for eBay Store custom pages */
    #CentralArea .v4stw td {font-size:smaller} /* for eBay Store custom pages */
    #myOutside {width:100%;padding:0px;}
    #myWrapper {width:970px;text-align:left;}
    #myOutside p {margin:0px;}
    #myOutside form {margin:0px;}
    .myOutsideBG {background-color:rgb(255, 255, 255);background-image:url("http://freeform2.robshelp.com/textures/transparent.gif");}
    .myWrapperBG {background-color:rgb(105, 146, 105);background-image:url("http://freeform2.robshelp.com/textures/transparent.gif");}
    .myHeaderBG {background-color:rgb(255, 255, 255);background-image:url("http://freeform2.robshelp.com/textures/transparent.gif");}
    #myHeaderSeller {text-align:center;color:rgb(10, 10, 10);font-family:futura,"trebuchet ms",arial,sans-serif;font-style:normal;font-size:300%;}
    #myLinks1 {display:block;padding-top:5px;}
    #myLinks2 {display:block;}
    .myHeaderLinks {text-align:center;font-family:'apple chancery','zapf chancery','monotype corsiva',georgia,cursive;font-style:normal;font-size:130%;padding-bottom:5px;}
    .myHeaderLinks img {vertical-align:middle;margin:0px;border:0px none;padding:0px;}
    .mySpanNoImg {display:-moz-inline-box;display:inline-block;padding-left:15px;padding-right:15px;vertical-align:middle;}
    .mySpanNoImg a {padding-right:5px;}
    .mySpanHasImg a {margin-left:15px;margin-right:15px;}
    #myHeader a {text-decoration:none;}
    #myHeader a:link {color:rgb(0, 0, 0);}
    #myHeader a:visited {color:rgb(0, 0, 0);}
    #myHeader a:hover {background-color:rgb(0, 0, 0);background-image:none;color:rgb(255, 255, 255);}
    #myHeader a:active {background-color:rgb(0, 0, 0);background-image:none;color:rgb(255, 255, 255);}
    .myHeadings {text-align:center;color:rgb(242, 250, 242);font-family:didot,'didot lt std','hoefler text',garamond,'times new roman',serif;font-style:normal;font-size:190%;padding-left:5px;padding-right:5px;padding-bottom:5px;}
    .myHeadingsBG {background-color:rgb(105, 146, 105);background-image:url("http://freeform2.robshelp.com/textures/transparent.gif");}
    #myTitle {text-align:center;color:rgb(25, 41, 25);font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:180%;padding-top:20px;padding-left:15px;padding-right:15px;}
    .myPicturesText {text-align:center;color:rgb(242, 250, 242);font-family:didot,'didot lt std','hoefler text',garamond,'times new roman',serif;font-style:normal;font-size:190%;padding-left:5px;padding-right:5px;padding-bottom:5px;}
    .myPicturesBG {background-color:rgb(105, 146, 105);background-image:url("http://i822.photobucket.com/albums/zz148/EarthWiseBaby/Template%20Web/Background.jpg");}
    .mySectionMargins {margin-top:25px;}
    .myTextBoxes {text-align:left;color:rgb(105, 146, 105);font-family:arial,helvetica,sans-serif;font-style:normal;font-size:100%;padding:8px 12px;}
    .myTextBoxesBG {background-color:rgb(235, 245, 235);background-image:url("http://freeform2.robshelp.com/textures/transparent.gif");}
    .myTextBoxLinks {color:rgb(105, 146, 105);}
    .myTextBoxes a {text-decoration:underline;}
    .myTextBoxes a:link {color:rgb(105, 146, 105);}
    .myTextBoxes a:visited {color:rgb(105, 146, 105);}
    .myTextBoxes a:hover {background-color:rgb(105, 146, 105);background-image:none;color:rgb(235, 245, 235);}
    .myTextBoxes a:active {background-color:rgb(105, 146, 105);background-image:none;color:rgb(235, 245, 235);}
    .myLeftCols {padding-left:25px;}
    .myRightCols {padding-left:25px;padding-right:25px;}
    .mySingleCols {padding-left:25px;padding-right:25px;}
    #myArea2 {width:1167px;}
    #myArea3 {width:auto;}
    #myArea5 {width:auto;}
    #myArea6 {width:auto;}
    #myArea1 {width:100%;}
    #myArea4 {width:100%;}
    #myArea7 {width:100%;}
    .myRC1, .myRC2, .myRC3, .myRC4 {overflow:hidden;display:block;font-size:1px;}
    .myRC1 {height:1px;margin:0px 5px;}
    .myRC2 {height:1px;margin:0px 3px;}
    .myRC3 {height:1px;margin:0px 2px;}
    .myRC4 {height:2px;margin:0px 1px;}
    .myWidgetMarker {text-align:center;background-color:white;color:black;font-family:arial,helvetica,sans-serif;}
    .myCodeHolder {text-align:center;}
    #myReserved {text-align:center;color:rgb(25, 41, 25);font-family:arial,helvetica,sans-serif;font-style:normal;font-size:90%;margin-top:15px;}
    #myReserved a {text-decoration:underline;}
    #myReserved a:link {color:rgb(25, 41, 25);}
    #myReserved a:visited {color:rgb(25, 41, 25);}
    .mywhitebgurl {background-image:url("http://freeform2.robshelp.com/textures/Kali1White.gif");}
    .myblackbgurl {background-image:url("http://freeform2.robshelp.com/textures/Kali1Black.gif");}
    /* Below for eBay About Me pages */
    #myHeaderSeller p, #myHeaderSeller pre, #myHeaderSeller td, #myHeaderSeller blockquote, #myHeaderSeller div, #myHeaderSeller span, #myHeaderSeller ul, #myHeaderSeller ol, #myHeaderSeller dl, #myHeaderSeller h1, #myHeaderSeller h2, #myHeaderSeller h3, #myHeaderSeller th {font-family:futura,"trebuchet ms",arial,sans-serif;font-style:normal;font-size:100%;}
    .myHeaderLinks p, .myHeaderLinks pre, .myHeaderLinks td, .myHeaderLinks blockquote, .myHeaderLinks div, .myHeaderLinks span, .myHeaderLinks ul, .myHeaderLinks ol, .myHeaderLinks dl, .myHeaderLinks h1, .myHeaderLinks h2, .myHeaderLinks h3, .myHeaderLinks th {font-family:'apple chancery','zapf chancery','monotype corsiva',georgia,cursive;font-style:normal;font-size:100%;}
    .myHeadings p, .myHeadings pre, .myHeadings td, .myHeadings blockquote, .myHeadings div, .myHeadings span, .myHeadings ul, .myHeadings ol, .myHeadings dl, .myHeadings h1, .myHeadings h2, .myHeadings h3, .myHeadings th {font-family:didot,'didot lt std','hoefler text',garamond,'times new roman',serif;font-style:normal;font-size:100%;}
    #myTitle p, #myTitle pre, #myTitle td, #myTitle blockquote, #myTitle div, #myTitle span, #myTitle ul, #myTitle ol, #myTitle dl, #myTitle h1, #myTitle h2, #myTitle h3, #myTitle th {font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:100%;}
    .myPicturesText p, .myPicturesText pre, .myPicturesText td, .myPicturesText blockquote, .myPicturesText div, .myPicturesText span, .myPicturesText ul, .myPicturesText ol, .myPicturesText dl, .myPicturesText h1, .myPicturesText h2, .myPicturesText h3, .myPicturesText th {font-family:didot,'didot lt std','hoefler text',garamond,'times new roman',serif;font-style:normal;font-size:100%;}
    .myTextBoxes p, .myTextBoxes pre, .myTextBoxes td, .myTextBoxes blockquote, .myTextBoxes div, .myTextBoxes span, .myTextBoxes ul, .myTextBoxes ol, .myTextBoxes dl, .myTextBoxes h1, .myTextBoxes h2, .myTextBoxes h3, .myTextBoxes th {font-family:arial,helvetica,sans-serif;font-style:normal;font-size:100%;}
    #desc_div #myOutside *, #ngvi_desc_div #myOutside * {line-height: normal}
    </style>
    <script type="text/javascript">
    var FF2STA=new Object();FF2STA.allNamed=new Object();FF2STA.init=function(){if(document.getElementsByTagName){var allLinks=self.document.getElementsByTagName("a");for(var d=0;d<allLinks.length;d++){if(allLinks[d].getAttribute("name")){var destname=allLinks[d].getAttribute("name");FF2STA.allNamed[destname]=allLinks[d];}}for(var h=0;h<allLinks.length;h++){if(allLinks[h].href&&allLinks[h].href.indexOf("#")>-1&&allLinks[h].href.length>1){if(allLinks[h].getAttribute("onclick")){continue;}allLinks[h].onclick=function(){var goname=this.href.split("#")[1];if(FF2STA.allNamed[goname]){FF2STA.allNamed[goname].scrollIntoView();return false;}else{return true;}};}}}};if(window.top!=window.self){setTimeout("FF2STA.init()",0);}
    </script>
    <!-- end freeform2.robshelp.com Tailored for eBay Template -->

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello dianabanana,
    To center a block level element you need three things:
    1. a valid DocType
    2. an element with a width
    3. that elements right/left margins set to auto


    Assuming you're using a DocType Declaration but just didn't quote it here, see about DocTypes in my signature line, then removing that .myLeftCols class from that box and adding margin: 0 auto; to #myArea2 should center it ... once you get rid of that empty table to the right of it.

    While you're looking at the links in my signature line, be sure to read the one about tables.

    Also, when posting code in the forum, please use the code tags, &#91;code&#93;&#91;/code&#93; - available with the # button in the advanced reply window.
    This will wrap your code in a scroll box which greatly helps the readability of your post.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •