Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    May 2010
    Posts
    1
    Member #
    22133
    So far, in my layout I have a 20% margin for the entire site (to prevent the content from starting at the edge of the viewer's screen).
    I have a title banner at the top, nav menu below that, and content below that.

    Should I add google ads to each page individually, or should I add them in the layout?
    I'd like to have google ads on each side (left and right) of the content (below the nav menu).
    I'd like the content and nav menu to be centered under the title banner, but also aligned to the left as paragraphs usually are.

    Can someone help me with the code to achieve these results?
    Any suggestions on the below code is greatly appreciated


    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <html>
    <head>
    <style>
    html { margin-left: 20%; }
    p { padding: 3px; border-top-style:solid; border-top-width:3px; }
    h3 { padding: 10px; border-top-style:solid; border-top-width:3px; }
    </style>
    <meta http-equiv="content-type" content="{%MetaCharset%}" />
    <meta name="description" content="{%MetaDescription%}" />
    <meta name="keywords" content="{%MetaKeywords%}" />
    <title>{%MetaTitle%}</title>
    </head>
    <body>
    <table height="5px" align="center">
    <a href="http://www.IC20.org/" target="_blank"><img src="http://i92.photobucket.com/albums/l39/SocialStealth/ic20banner.jpg" border="0" alt="Your unbiased connection to information"></a>
    </table><br />
    <table height="25px">
    <a style="display:inline;">
    <a href=" "> Introduction</a>
    <a href=" "> What to buy</a>
    <a href=" "> how to buy it</a>
    </a>
    </table>
    <p>{%content%}</p>
    </body>
    </html>

  2.  

  3. #2
    Senior Member
    Join Date
    Feb 2005
    Location
    Canada
    Posts
    435
    Member #
    8983
    not to sure why you are using empty tables

    HTML Code:
    <table height="5px" align="center">
    <a href="http://www.IC20.org/" target="_blank"><img src="http://i92.photobucket.com/albums/l39/SocialStealth/ic20banner.jpg" border="0" alt="Your unbiased connection to information"></a>
    </table
    could become

    HTML Code:
    <div style="hight:5px;text-align:center;">
    <a href="http://www.IC20.org/" target="_blank"><img src="http://i92.photobucket.com/albums/l39/SocialStealth/ic20banner.jpg" border="0" alt="Your unbiased connection to information"></a>
    </div>
    HTML Code:
    <table height="25px">
    <a style="display:inline;"> <!-- this element already is an inline element -->
    <a href=" "> Introduction</a> <!-- nested <a> elements not allowed... -->
    <a href=" "> What to buy</a>
    <a href=" "> how to buy it</a>
    </a>
    </table>
    Becomes...
    HTML Code:
    <div style="height:25px;">
    <a href="#"> Introduction</a>
    <a href="#"> What to buy</a>
    <a href="#"> how to buy it</a>
    </div>
    Thee Pyro Wolf

  4. #3
    Senior Member
    Join Date
    Feb 2005
    Location
    Canada
    Posts
    435
    Member #
    8983
    So anyone is free to correct any errors I have made, This is a tidy up of the code and the addtion of the ads (just replace
    HTML Code:
    <p>I'm an ad</p>
    with your ad code.
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <html>
    <head>
    <style type="text/css">
    body {
    	margin:50px 0px; padding:0px;
    	text-align:center;
    	}
    	
    #wrapper {
    	width:770px;
    	margin:0px auto;
    	text-align:left;
    	padding:15px;
    	border:1px dashed #333; /*optional*/
    	background-color:#eee; /*optional*/
    	}
    
    /*P { padding: 3px; border-top-style:solid; border-top-width:3px; }*/
    #content {border:1px #000 solid;Float:left;width:69%;}
    .ads {float:left;width:15%;border:1px #000 solid;}
    H3 { padding: 10px; border-top-style:solid; border-top-width:3px; }
    </style>
    <meta http-equiv="content-type" content="{%MetaCharset%}" />
    <meta name="description" content="{%MetaDescription%}" />
    <meta name="keywords" content="{%MetaKeywords%}" />
    <title>{%MetaTitle%}</title>
    </head>
    <body>
    
    <div style="hight:5px;text-align:center;">
    <!-- target is not allowed in XHTML -->
    <a href="http://www.IC20.org/" target="_blank"><img src="http://i92.photobucket.com/albums/l39/SocialStealth/ic20banner.jpg" style="border:0px;" alt="Your unbiased connection to information"></a>
    </div>
    <div style="height:25px;">
    <a href="#"> Introduction</a>
    <a href="#"> What to buy</a>
    <a href="#"> how to buy it</a>
    </div>
    <div id="wrapper">
    <div class="ads">
    <p>I'm an ad</p>
    </div>
    <div id="content">{%content%}</div>
    <div class="ads">
    <p>I'm an ad</p>
    </div>
    <hr style="clear:left;visibility:hidden;" />
    </div>
    </body>
    </html>
    Thee Pyro Wolf


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:56 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com