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.
<!-- m --><a class="postlink" href="http://www.maps-gps-info.com/gps-review-garmin-geko-201.html">http://www.maps-gps-info.com/gps-review ... o-201.html</a><!-- m -->
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.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.webdeveloper.com/forum/archive/index.php/"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"> </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.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)Try again. Nothing attached to your post.Hope it works this time.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.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.
<!-- m --><a class="postlink" href="http://www.maps-gps-info.com/testone.html">http://www.maps-gps-info.com/testone.html</a><!-- m -->
Thanks so far!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.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.
When I put it all together it doesn't come out right and I can't figure it out.
<!-- m --><a class="postlink" href="http://www.maps-gps-info.com/gps-review-garmin-geko-201.html">http://www.maps-gps-info.com/gps-review ... o-201.html</a><!-- m -->
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.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.webdeveloper.com/forum/archive/index.php/"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"> </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.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)Try again. Nothing attached to your post.Hope it works this time.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.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.
<!-- m --><a class="postlink" href="http://www.maps-gps-info.com/testone.html">http://www.maps-gps-info.com/testone.html</a><!-- m -->
Thanks so far!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.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.