Google ads too big

crystalattice · #1 07-Sep-2005, 23:26

Well, I think I took care of most of the current issues on my web site (www.colonialmarinesrpg.com). I have one question: how to I keep the Google ads that are currently on the right side of the page from extending off the page? As they are right now, people have to scroll off the right to read the entire ad.

It's not anything big, but IMO it makes the site look ugly because you have to horizontally scroll. I've tried changing the ad size to smaller and smaller values but they don't seem to do anything.

I can't see anything in the source code for the <div> where the ad is, and I haven't used them much in the past. Is there someway to give a size limit on a <div> or is there some other way to fix it?

Thanks for the help.

cable_guy_67 · #2 08-Sep-2005, 07:13

Quote:

Originally Posted by crystalattice

I can't see anything in the source code for the <div> where the ad is, and I haven't used them much in the past. Is there someway to give a size limit on a <div> or is there some other way to fix it?

I'm not sure if this will be helpful or not Cody but I'll post it here anyhow.

CSS Code:

/*****************************************************************************/
/*  CSS for RothCode.com  - rothcode_main.css                                */
/*    derived from many examples                                             */
/*****************************************************************************/

/**********  body anchor and general purpose classes  **********/

body  {
	margin:0;
	padding:0;
  background-color: #99CCCC;
	font-family:verdana, arial, times, georgia, sans-serif;
	color:#000033;
}

body a:link     {
  color: #006666;
  font-style:italic;
	text-decoration:none;
}
body a:visited  {
  color: #006666;
  font-style:normal;
	text-decoration:none;
}
body a:hover    {
	color:#009999;
	text-decoration:underline;
}

.clear {
	clear:both;
	line-height:1;
	margin:0;
	padding:0;
}

p.norm {
  background-color: #66CCCC;
  border-top: #009999 1px solid;
  border-bottom: #009999 1px solid;
	padding:2px;
}

p.summary {
  font-size: smaller;
  background-color: #66CCCC;
  border-top: #009999 1px solid;
  border-bottom: #009999 1px solid;
	padding:2px;
}

p.nav_menu {
  background-color: #CCFFFF;
  text-align: center;
  border-top: #009999 2px solid;
  border-bottom: #009999 2px solid;
	padding:2px;
}


/********** Header class info **********/

.header {
	padding:10px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	height:80px;
	width:95%;
  background-color: #009999;
  font-family: georgia, sans-serif;
  text-align: right;
  color: #000033;
}


.header IMG {
  float:left;
}


.header P U {
  font-size: xx-large;
  font-size-adjust: .5;
  font-weight: bolder;
}


.header P {
  font-size: large;
  font-weight: bolder;
}


/********** Left column class info **********/

.lcol {
	float:left;
	padding:0px 5px 10px 5px;
	width:120px;

	margin-left:1%;
	margin-right:3%;
  border-right: #009999 2px solid;
}


/********** Middle column class info **********/

.mcol {
	float:left;
	padding-left:10px;
	padding-right:10px;
  width:50%;
}

.filecol {
	float:left;
	padding-left:10px;
	padding-right:10px;
  width:73%;
}

.filelist {
  width:100%;
  border-top: #009999 2px solid;
  border-bottom: #009999 2px solid;
/* 	padding:10px; */
}

.file_ico {
  width:20px;
}

.file_name {
  width:30%;
}

.file_desc {
  width:auto;
  border-left: #009999 1px solid;
  padding-left:10px;
  font-size:smaller;
}

.file_head {
  border-bottom: #009999 2px solid;
}
.mcol A:hover {
  color: #003333;
	text-decoration:none;
}

.mcol h1 {
  font-size: x-large;
}

.mcol h2 {
  font-size: large;
}
	
/********** Right column class info **********/

.rcol {
	margin-right:1%;
	text-align:right;
	float:right;
	padding:0px 5px 10px 5px;
	width:160px;
  border-left: #009999 2px solid;
}


.footer {
  font-size:small;
	border-top:2px solid #009999;
	padding-top:5px;
	margin-top:10px;
	text-align:center;
	width:95%;
	margin:auto;
}

Looking at your page source you do things a little differently than I did. I use a,

HTML Code:


<div class="name">

where you do this.

HTML Code:


<div id="name">

Just a matter of using a "#" instead of the dot notation I use in my CSS file IIRC. Anyhow, look at the classes .lcol, .mcol and .rcol to see how I attempt to keep them on the page. Maybe that will help out. Come to think of it, using the id does seem to make more sense for the major div's that define the layout. It seems doubtful I would have more than one of those classes in use on a page. Oh well, I'm just learning how to get this stuff to work as I go anyhow.

BTW, thanks for the link to the TextLogo generator. I'll have to give it a spin later. I do like the changes you made so far though.

Mark

I still haven't figured out how to more effectively use my center column space. I have it hardwired as a percentage so it looks OK most of the time but would really like to have the .mcol class use up whatever space remains. .lcol and .rcol are set by a px value (because of the ads).

crystalattice · #3 08-Sep-2005, 20:40

Yeah, I thought you might like the logo generator. I was thinking of you when I posted the link

.

The CSS file was created by Dreamweaver automatically so I don't know for certain why it uses # instead of dots. The think it's because you can choose exactly how to link a <div> within a template, e.g. in the <div> class of navbar, I could put a new <div> with an id of advert. I think that's how mine is different from yours.

I'll take a look at it and see what happens. Thanks.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Google suspended Adsense without reason - NOT REPLYING	chillax	AdSense Forum	14	02-May-2006 14:56
Re: New payment service from Google?	JdS	eCommerce / Merchant Account Forum	2	21-Jun-2005 09:59
The Google "Sandbox" Effect	Div	Search Engine Optimization Forum	3	02-Aug-2004 01:00
Search Engine Positioning 101 and 201 "How To" Tips...	000	Search Engine Optimization Forum	0	29-May-2003 11:34