HTML - Centering Google Adsense Banner
Hi!
I'm having trouble centering my Google adsense banner. I paste the code from Google, it shows up but it wont center. I look online and cant seem to find anything that works. Any ideas? Similar TutorialsHey, how do I get this (self placed) ad out of the way so it will not affect the layout of the text? It is placed in a div. Maybe I could play with the .css file a little bit? You can see the ad he http://arturbuchhorn.com/works/morality.html How do you insert Google adsense code into a table, because when i make a website using Photoshop it makes a bunch of tables. Is it possible to put adsense into a table? Thanks i have a website, http://www.what-the-news.com, and i am trying to get my medium rectangle ad to show up just to the right of my videos. Everytime i put in the align right code it drops down below the video like the leaderboard banner, which is currently there. Here are the codes i'm using: <p><div align="right"><script type="text/javascript"><!-- google_ad_client = "pub-8909561621860243"; google_ad_width = 200; google_ad_height = 200; google_ad_format = "200x200_as"; google_ad_type = "image"; google_ad_channel = ""; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> Any help will be huge, Mark I need to keep my top banner centered no matter the persons monitor size... how do I do this. Here is my code: <style> body { background-color: 000; background-placement: fixed; background-repeat:no-repeat; background-position: center top !important; background-image:url("http://img189.imageshack.us/img189/6492/zacredbackground2webr.jpg"); background-position: center top; background-attachment: fixed; } table { } table td.text table {width:auto;} table table { background-image: none;} table table table table { background-image: none;} table table table table table { background-image: none;} body.bodyContent{margin-top: 1000px; } table, tr, td { background-color:transparent; border:none; border-width:0;} table table { border: 0px;} table table table table{border:0px} table table table { border-style:solid; border-color: 826f61; background-color:000; } table table td.text table {width:auto;} .r{} .r{} b, strong {color: f7f7f7;} i, em {color: 9D9D9D;} u {color: FFFFFF;} table, tr, td, li, p, div {font-family:arial; color:B5B5B5; font-size:11px; } .btext {font-family: arial; font-size: 11px; line-height: 12px; color: 000000; text-align: center; background-color: b7b9b6; border: 0; border-color: 323232; display: block;} .blacktext10 {font-family: arial; font-size: 11px; line-height: 12px; color: 000000; text-align: center; background-color: b7b9b6; border: 0; border-color: 323232; display: block;} .blacktext12 { font-family:arial; color:b7b9b6; font-size:12px; } .lightbluetext8 { font-family:arial; color:b7b9b6; font-size:12px; } .orangetext15 { font-family:arial; color:b7b9b6; font-size:12px; } .redtext { font-family:arial; color:b7b9b6; font-size:11px; } .redbtext { font-family:arial; color:b7b9b6; font-size:11px; } .text { font-family:arial; color:b7b9b6; font-size:11px; } .whitetext12 {font-family: arial; font-size: 11px; line-height: 12px; color: 000000; text-align: center; background-color: b7b9b6; background-image:; display: block;} a:active, a:visited, a:link { font-family:arial; color:b7b9b6; font-size:11px; } a:hover { font-family:arial; color:FFFFFF; font-size:11px; } a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:FFFFFF; font-size:11px; } a.navbar:hover { font-family:arial; color:FFFFFF; font-size:11px; } a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:1C1C1C; font-size:11px; } a.redlink:hover { font-family:arial; color:FFFFFF; font-size:11px; } .nametext {font-family: arial; font-size: 12px; line-height: 13px; color: FFF; text-align: center; background-image:; border: 0; display: block;} </style> <style> .contactTable { height:173px !important; padding:0px !important; background-image:url("http://img96.imageshack.us/img96/5826/zacredcontactboxwebre.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td { padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable a {display:block; height:28px; width:135px;} .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;} .contactTable .whitetext12 {display:none;} div.hll {overflow:hidden; height:120px;} span.blacktext12 { color: transparent; visibility: hidden; font-size: 0px; letter-spacing:-0.5px !important; letter-spacing:-0.5px; display: block; width: 150px; height: 77px; } </style> <style> img {border: 0;} table table img { display:none; } table table table img { display:inline;} td.text td.text table table div, td.text td.text table table a img { width:65px !important; } td.text td.text table table tr td img { width:65px !important; } </style> <style> .quado {width: 100%; height: 12px; position: absolute; top: 5px; left: 0px; text-align:center; font:Verdana, Arial, Helvetica, sans-serif; background:333333!important; margin: 0; padding: 0; font:Verdana, sans-serif !important; font-size:9px} .quado span {font:Verdana, sans-serif !important; font-size:9px} .quado a.link {color: d0d0d0; font:Verdana, sans-serif !important; font-size:9px} .quado a.hover {color:e7e7e7; font: Verdana, sans-serif !important; font-size:9px} </style> <div class="quado"><span>Layout Created by: <a href="http://www.myspace.com/quadoduece">QuadoDuece Productions</a></span> </div> <style> div.cocaine { top: 0; left: 50%; margin-left: -500px; width: 100%; height: 800px; position: absolute; } </style> <div align="center" class="cocaine"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNvY2FpbmVjaXR5LnR2Lw=="><img src="http://img69.imageshack.us/img69/6139/zacredtopbanner6web.jpg" alt="Cocaine City" /></a></div> Hi, I'm trying to make some changes to the basic design of my site, but when I add Adsense it's doing something strange. In IE7 it's fine, but in FF it displays with incorrect colors and the size is chopped from 468x60 to about 230x60. I can't explain it, because on the other pages I've made the changes everything is fine. ***************************************** Problem seems corrected now. Have no idea how it persisted for 36hrs, but it's fine now (shaking head). ***************************************** Thanks, Dave H When I tried to add a skyscraper ad to my website using a site editor it didnt show up right. The ad just appeared in the middle of my page. I tried to do it manually, but google says the ad has to be placed in the body to show up right. When I opened index.htm there was no body. Instead there were a bunch of tables each with there own body. I am using Host Gator and SWSoft Site Builder. I am rather new at html and site development so any help would be appreciated. Also is there any way I can add the code to all of my pages? Now that Im signed up with adsense I find out you cant place them in frames. This is how I was going to do it, but obviously I cant. Im doing this in php, and my html is very beginner could someone point me towards what I need to check into to put the adsense to the side of the frame, without putting it in the frame? Thanks. Hello, I am needing to insert an adsense code in the side bar of my homepage... Alittle confused on where to put the code, I would appreciate in assistance... Here is the code where I want to put the adsense code Code: <div class="featured_categories_bar round5px"> {BROWSE_MAIN_CATEGORIES} </div> <div class="index_main_box"> <div class="sidebar round5px masoned"> <h3>{LANG[html][INDEX][14]}</h3> <div class='reset_index_location'>{RESET_LOCATION_MESSAGE}</div> {INDEX_LOCATIONS} </div> <div class="homepage_right"> <!--Start cat--> {FEATURED_ADS} <!--End cat--> <!--Start all cat--> <div class="list-area"> {BROWSE_CATEGORIES} </div> <!--End all cat--> <script type="text/javascript"> var moreLinkName = "{LANG[php][INDEX][2]}"; $(document).ready(function(){ $(".sidebar").masonry({columnWidth: 105, maxCount: 10, maxCountShift: 1 }); $(".list-area").masonry({columnWidth: 250, singleMode: true, animate: true }); $(".list-area dl").hover(function(){ $(this).addClass("box-shadow"); }, function(){ $(this).removeClass("box-shadow")}); $(".listing").hover(function(){ $(this).addClass("box-shadow"); }, function(){ $(this).removeClass("box-shadow")}); $(".next").click(function(){ $('.ad-thumbs').scrollTo( '+=200', 200, {axis: 'x'}, { queue:true } ); return false; }); $(".prev").click(function(){ $('.ad-thumbs').scrollTo( '-=200', 200, {axis: 'x'}, { queue:true } ); return false; }); }); </script> </div> <div class="clear_both_fix"> </div> </div> <style type="text/css"> {LOCATIONS_CSS} </style> The side bar starts where I've got the code in red... Again, I want the google ad the be placed below the side bar... If you need a better look at what I am wanting, it's the "Where are you looking?" on the homepage of buyorpost.com. Thanks in advance! Robert D. Hi, ummm, I have this site, and I want to put adsense ads right under the part where it says bite me, but I don't know how to. I also want to be able to put things in the affiliates section at the bottom of the page. Can somebody please help me? HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>Bite Me - The online shonen-ai romance fantasy manga novel/book - gay vampires, anime and so much more.</title> <style type="text/css"> body { background-color:#000; } #container { width:720px; height:450px; padding:178px 34px 200px 44px; background-image:url(http://img24.imageshack.us/img24/7995/layoutredglow.jpg); background-repeat:no-repeat; margin:auto; font-family:verdana,arial,helvetica,sans-serif; color:black; z-index: 1 } #content { height:279px; padding:20px; overflow:auto; z-index: 3 } #content p { text-indent:20px; padding-bottom:20px; margin:0; } #content p:first-letter { font-family:'times new roman',serif; font-size:200%; font-weight:bold; color:#f00; } #nav { margin:0 0 26px; padding:0px; list-style-type:none; text-align:center; } #nav li { display:inline; } #nav a { padding:5px; border:0px solid #ccc; font-family:'times new roman',serif; font-size:24px; color:#f00; text-decoration:none; } </style> </head> <body> <div id="container"> <ul id="nav"> <li><a href="http://bitememanga.com/">Home</a></li> <li><a href="http://bitememanga.com/book.html">Book</a></li> <li><a href="http://bitememanga.com/characters.html">Characters</a></li> <li><a href="http://bitememanga.com/about.html">About Us</a></li> <li><a href="http://bitememanga.com/comments.html">Comments</a></li> <li><a href="http://bitememanga.com/forum.html">Forum</a></li> </ul> <div id="content"> <a id="nabblelink" href="http://n2.nabble.com/Bite-Me-f2848014.html">Bite Me</a> <script src="http://n2.nabble.com/embed/f2848014"></script> </p></div><!-- end #content --> </div><!-- end #container --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <!-- Start of StatCounter Code --> <script type="text/javascript"> var sc_project=4667761; var sc_invisible=1; var sc_partition=46; var sc_click_stat=1; var sc_security="e894ee49"; </script> <script type="text/javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><div class="statcounter"><a title="wordpress visitors" href="http://www.statcounter.com/wordpress.org/" target="_blank"><img class="statcounter" src="http://c.statcounter.com/4667761/0/e894ee49/1/" alt="wordpress visitors" ></a></div></noscript> <!-- End of StatCounter Code --> </body> </html> I wanted to update an old website and thought to put AdSense on it but can not get it to work. The site is called dvdalien.com and I have tried to place the code on the left sidebar at the bottom. But as you can see its going to the top of my sidebar sections. I have tried adding the code to the end of series.asp which is the location now and its at the top. I have tried to add it to default.asp under: <!-- #include virtual="shared/series.asp" --> AdSense </table> But that only showed it on the home page and still at the same location. Anyone know what I can do to put in under the section series, all pages, and maybe 75% more to the right. Thanks for any help. The template designer of the template i used embedded his adsense in my blog. I found the part which is related to adsense but dont know how much to delete. Please help me remove that adsense. I dont know HTML. that is why.. I have a quirky problem, and it exists with many of my sites. It involves Firefox browser, as well as Chrome. Here are the conditions of the website pages that have problems: 1. Page is fixed width, centered in the browser 2. Google AdSense is present on the page 3. Browser is either Firefox or Chrome. Internet Explorer doesn't present any problems. When the page with the above conditions is loaded, the page shows up at the RIGHT of the browser, then shifts to it's proper location in the center of the browser. This occurs every time a page with adsense is loaded, and can be irritating going page to page. An example for my site is he AdSense Page Shift Test Please use Firefox browser, maximized on a monitor with a greater width than 1024. There are five working tabs with examples, four of them have adsense on them. The one without adsense does NOT jump, and I'd like all the pages to emulate it. I"d appreciate any direction to solving the problem. Firefox and Chrome are rapidly increasing in popularity, and I'd like to solve this rather quirky problem. I have a blogger blog he http://entpalace.blogspot.com As you can see there is a link ad unit right at the bottom of the screen. I want to put that ad link unit underneath the NEWEST post. it has to only go under the newest post automatically. So can you view my website(above) and view the source code,and tell me what adsense code and where i need to put the adsense code. For example,tell me the adsense code,then do i put like this: <meta content='true' name='MSSmartTagsPreventParsing'/> "ADSENSE CODE THAT WILL MAKE THE LINK AD UNITS GO UNDER EACH NEW POST HERE" <meta content='blogger' name='generator'/> I have very limited html experience so i need u to tell me exactly how to do it with my site. THanks The first part , this page i need to put an widesky ad on both sides of the image & also want something that will rescale image to fit page as i need to fit in large images on the page , can this be done people? Site : www.originalwalls.blogspot.com Problem : My site index with no problem the pages in google but , the images are not indexing. Some photos had been index but if you hold the click on them you see from the start somfing is wrong the images had been indexed with same title . . . http://www.google.ro/search?q=site:o...w=1366&bih=643 Does enyone know what the problem is ? can it be from the template ? Please help i really need help Thanx a lot Hello to everyone who gets to read this post, here at HTMLforums.com. I think it's great there is a community for all webmasters to share there knowledge. Well I got a problem with my domain name, and sorry, but I could not find a category that would fit for this thread. But here's the deal: When I go type http://google.com into my browser and the site is done loading, it shows http://www.google.com in my browser. The same in almost all large websites. Now how do I make my domain, stenersted.dk, forward to www.stenersted.dk? Thanks alot, Poul http://www.website.com looks much better in the URL bar than http://website.com. How do I forward my website ***.dk to www.***.dk? My site is: h1.ripway.com/shsepac How can I make the banner so there is no space at the top and at the bottom? Hi everybody I am a new member. I'm not to experienced with css style sheets or html and have a small problem. I have attached code. My website is www.intelligentstudentfinance.com I want to move the banner at the bottom of the financial aid page to the extreme right but not sure what the code is. I have attached the code in txt format and commented the banner I want want moving to the right. Look forward to your replies Thanks |