I am creating info pages for my website and we are putting google adsence on them. I am having trouble lineing the adds up. Could someone help with the coding. Here is the page as it stands.

http://www.medievalmagic.ca/splash-pages/dragons.html

we want the adds aligned on the right side and the text to flow down the left and under the adds. I did it once before and lost the page i was working on so i need help.

Thanks.

CSS

#rightcol {
float: right;
width: Ad width here;
margin: 10px;
}

HTML

<div id="rightcol">
Adsense Code
</div>

That code will trigger the doubled-float margin bug in IE6 and below, so you should modify that margin rule to remove any RIGHT margin. Use padding instead.

I tryed the html code and it did not work. here is the formate code for that section of the page:

<FONT COLOR="#FFFFF">
<h1><u><img align="middle"src="Torch-03-june.gif">Dragons<img align="middle"src="Torch-03-june.gif"></u></h1>
<h5><a href="http://www.medievalmagic.ca/index.php">
<FONT COLOR="#FFFFF">Home</Font></a>
&nbsp;&nbsp;
<a href="http://www.medievalmagic.ca/catalog/index.html">
<FONT COLOR="#FFFFF">Product</Font></a>
&nbsp;&nbsp;
<a href="http://www.medievalmagic.ca/about-us.php">
<FONT COLOR="#FFFFF">About Us</Font></a>
&nbsp;&nbsp;
<a href="http://www.medievalmagic.ca/contact-us.php">
<FONT COLOR="#FFFFF">Contact Us</Font></a>
&nbsp;&nbsp;
<a href="http://www.medievalmagic.ca/news-and-events.php">
<FONT COLOR="#FFFFF">News & Events</Font></a>
&nbsp;&nbsp;
<a href="http://www.medievalmagic.ca/links/">
<FONT COLOR="#FFFFF">Links</Font></a>
&nbsp;&nbsp;
<a href="http://www.medievalmagic.ca/contests.php">
<FONT COLOR="#FFFFF">Contests</Font></a>
&nbsp;&nbsp;
<a href="http://www.medievalmagic.ca/blog.php">
<FONT COLOR="#FFFFF">What's New</Font></a>
&nbsp;&nbsp;
<a href="http://www.medievalmagic.ca/cart.php...&mode=register">
<FONT COLOR="#FFFFF">Affiliate</Font></a>
&nbsp;&nbsp;
<a href="http://www.medievalmagic.ca/subscribe.php">
<FONT COLOR="#FFFFF">Newsletter</Font></a>
&nbsp;&nbsp;
<a href="http://www.medievalmagic.ca/guestbook.php">
<FONT COLOR="#FFFFF">Guestbook</Font></a>
&nbsp;&nbsp;
</h5>
<script type="text/javascript"><!--
google_ad_client = "pub-7655301807176633";
//Splashpage, 125x125, created 12/14/07
google_ad_slot = "3769841975";
google_ad_width = 125;
google_ad_height = 125;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>&nbsp;&nbsp;
<script type="text/javascript"><!--
google_ad_client = "pub-7655301807176633";
//Splashpage, 125x125, created 12/14/07
google_ad_slot = "3769841975";
google_ad_width = 125;
google_ad_height = 125;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>&nbsp;&nbsp;
<script type="text/javascript"><!--
google_ad_client = "pub-7655301807176633";
//Splashpage, 125x125, created 12/14/07
google_ad_slot = "3769841975";
google_ad_width = 125;
google_ad_height = 125;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<h1><u>Dragon:</u></h1>
The Dragon is often seen as a symbol of fertility, longevity (long life) and wisdom as well as the protector. Dragon energy is sexual and rules virility and desire.
<br><br>
The Dragon is also often viewed as the mother principle. A red dragon can represent fierceness of the negative side of motherhood. Dragon can be called upon to provide protection from negative entities.
<br><br>
The dragon is a mythical creature typically depicted as a gigantic and powerful serpent or other reptile with magical or spiritual qualities.
<br><br>

we want the adds to be below the site links and to the right of the text under the dragon heading. I am new to page design so if anyone can recomend some books to help me with future projects that would be helpfull.

try this , i did it with tables... hope it works

thanks for all the help. My wife says she likes it the way it is with the adds at the top. go figure.

It looks like this has been figured out but I generally use tables to position these as well.

And... tables are NOT NECESSARY - and they're just sooooo 1997. You shouldn't be using tables for layout. You also shouldn't be using moldy old <font> tags.. yech ! Such code bloat - you'd simplify your code and speed up your page with a table-less layout styled with CSS.

You need more than the html code snippet, you need the CSS to go with it !

for a newbie coder (who has dreamweaver) a simple way is it add a huge table and inster the code in each table where every they want it located on the site and change the tables with to 0 so you cant actually see the table, it just looks like its all lined up a simple trick...

a simple way is it add a huge table and inster the code in each table where every they want it located on the site and change the tables with to 0 so you cant actually see the table,

NO NO NO NO It ISN'T

Originally Posted by chrishirst

NO NO NO NO It ISN'T

He meant for newbs

He meant for ANYONE. Tables should never be used for layout.

But since you are new in HTML.

you can try to refer this code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML Frames</title>
</head>
<body>

<table style="margin-left:1px" width="790px" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="137" class="content" valign="top"><br />
<a class="left" href="/default.asp" target="_top">
<a class="left" href="/default.asp" target="_top">
<b>YOUR ADHERE</b></a>
<br /> <br />
<script type="text/javascript"><!--
google_ad_client = "pub-4255851001495495";
//Splashpage, 125x125, created 12/14/07
google_ad_slot = "3769841975";
google_ad_width = 125;
google_ad_height = 125;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td valign="top">
<table style="border: 1px solid gray" width="100%" bgcolor="#FFFFFF" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>

<h1>Your Content</h1>
<a href="html_links.asp"><img border="0" src="/images/btn_previous.gif" width="100" height="20" alt="Previous" /></a>
<a href="html_tables.asp"><img border="0" src="/images/btn_next.gif" width="100" height="20" alt="Next" /></a>
</tr>
</table>
</td>
</tr>
</table>
</td>

</body>
</html>

helpful site:
http://www.w3schools.com