PDA

Click to See Complete Forum and Search --> : Can't Get Layout Correct

myrrh
05-19-2004, 06:15 PM
I'm using code provided by a site-building service and adding my own code to it. The code the service is providing is for the purpose of preserving the look & feel to match the other pages I've already built using their service.

When I put it all together it doesn't come out right and I can't figure it out.

http://www.maps-gps-info.com/gps-review-garmin-geko-201.html

The verticle bar on the left-hand side is supposed to tile all the way down the page and the body of the page should be pushed over to the right more in the center of the page. And that extra narrow, vertical bar shouldn't be there either.

I know it's probably something simple, but I haven't advanced to "simple" yet. Any help would be greatly appreciated.
Aronya1
05-19-2004, 07:29 PM
A couple of things I found (not intended to be a complete review):
You have 2 <body> tags.
It looks like you are using the same image as a background to a table cell and as the contents of the cell. This might be where that extra vertical object comes from (not sure what that <div> in the middle is supposed to do):

<tr>
<td VALIGN="TOP" width="125" background="imgs/LEFT.jpg">
<div id="Layer1" style="position:absolute; width:130px; z-index:1; top: 120">
<br>
</div>
<img src="http://www.maps-gps-info.com/imgs/LEFT.jpg"></td>

This is immediately followed by another table with a width of 500px, with no content:
<td VALIGN="TOP" width="580">
<table WIDTH="500" BORDER="0" CELLSPACING="0" CELLPADDING="16">
<tr>
<td width="15">&nbsp;</td>
<td>
<font face="Verdana, Arial, Helvetica, sans-serif" size="2">

</font>
</td>
</tr>
</table>

The code is pretty confusing. If it were me, I'd start over with the template code you have, then start adding things little by little, and testing as you go. This almost looks as if you made all your additions at the same time, THEN checked to see how it worked.
myrrh
05-19-2004, 07:54 PM
Thank you Aronya1.

One problem is the template code provided to me (without anything added) displays the top image (maps-gps-info.com & its associated graphic), the left-hand bar that doesn't tile, and that extra vertical bar.

I can experiment with getting rid of that extra element, but I don't know where to start as far as getting the left-hand image to tile all the way down the page.

Any suggestions?

(Template code all by itself attached)
Aronya1
05-20-2004, 12:18 AM
Try again. Nothing attached to your post.
myrrh
05-20-2004, 08:22 AM
Hope it works this time.
Aronya1
05-20-2004, 10:40 PM
Suggestions:

Duplicate the code from your home page (copy & paste), to the point where you start inserting different content. See how it looks. The code for the page you are having problems with is incomplete (no js in the <head>) & different from your home page.

The content on the problem page is outside your table. On the home page, everything is inside the table. That may be the whole problem. I suspect your colored edge is tiling down the whole page. It's just behind the rest of your content.

Take a look at those two things & let us know what happens.
myrrh
05-21-2004, 04:22 PM
Okay,

I copied the code from the home page minus content and navbar. Aronya1, you were right - the left-hand image is showing its tiling now.

I also put the new content withing the table, so that moved it over to the right. However, it is too far to the right.

I tried to narrow the first cell in the second row but that had no effect on the horizontal position of the content. I suspect that the content is where it is (offset to the right of center) because the template is set up to accomodate a navbar on the left for certain pages if one desires.

So, I made some progress (with your help), but I need to see if I can get the content moved over to the left of where it is now.

http://www.maps-gps-info.com/testone.html

Thanks so far!
Aronya1
05-21-2004, 04:27 PM
Glad you're making progress. Are you going to include the same navigation buttons that are on the first page? If so, I think your content is in exactly the right place. I'd leave it there.
myrrh
05-21-2004, 09:38 PM
Sorry, I was in a hurry and didn't make myself clear.

I do not want the nav buttons on the page I'm working on. That's why I want the content moved to the left some.

Also, I'm hoping there is enough room on the right for Google AdSense ads without a horizontal scroll bar.