What would throw the right hand border out of alignment?

[naturalnursery]

Hi, any help would be much appreciated.
I'm trying to find out what has shoved the right hand border about 30px over to the right. It is supposed to align with the header and footer.
If anyone can give me any clues as to which areas could need changing that would be amazing. I've been working on a template and I can't find any settings that make a difference on any of the tabs.
I can't show you the site because the live one is not misaligned.
It was fine before I went into the header to fix some links. The header is images and links in a table.
Lisa (On behalf of Natural Nursery)

[Red Devil]

It's probably an image that's causing it.

Anyway, if you give us teh name of your test template we can look at the site using this URL

http://www.yourwebsite.co.uk/?template=templatename

[naturalnursery]

Thank you Red Devil, I thought it might be the image so I made it really small temporarily but it hasn't made a difference.
If I use your link system it just takes you to the live site
http://www.naturalnursery.co.uk/?template/spring2013[1]/

this is the url at the top of the preview page
http://www.naturalnursery.co.uk/inde...ng2013%5B1%5D/NN_Screenshot.jpg

[Red Devil]

Its " template=spring2013[1] " - it's an equal sign not a slash.

For teh link below, make sure the end square bracket is included e.g. spring2013[1]

http://www.naturalnursery.co.uk/?template=spring2013[1]

P.S. The link works without the [1]

[Red Devil]

Change your table width to 100% - its currently set at 90% (You'll find it in table properties - or just edit the HTML and look for "width="90%">"

[naturalnursery]

the width if the table in the header? the html I see says 100%

[naturalnursery]

Arabella again - It is something to do with the basket image.

On the live site, www.naturalnursery.co.uk

The image is there and everything LOOKS fine, but the view basket link and image link don't work.

As soon as I touch the code in the header or remove the image (either manually in the header or by taking it out in the template editor, account bar section, it throws the whole thing out.

The code in the live site header is:

<table border="0" cellspacing="4" cellpadding="6" width="879" align="left" height="140">
<tr>
<td><a href="/"><img alt="" align="left" src="/user/logo3_776.jpg" width="676" height="94" /></a></td>
<td>
<p align="right"><span style="color: #83a63e"><a></a></span><span style="color: #83a63e"><a></a></span></p>
<a>
<table border="0" cellspacing="2" cellpadding="2" width="100%">
<tr align="right">
<td>&nbsp; <span style="color: #83a63e"><a>%wishlist</a><br />
<a>%newaccount</a><br />
<a>%signin</a></span></td>
</tr>
<tr align="right">
<td>&nbsp; <a><img alt="" align="left" src="/user/basket.jpg" width="37" height="27" />%viewbasket</a></td>
</tr>
</table>
</a><span style="color: #83a63e"><a></a></span></td>
</tr>
</table>

Thanks for your helps everyone.

Arabella

[naturalnursery]

Lisa again :-) Arabella - that bit of code doesn't have the number image in it

[Red Devil]

The image is actually 128 x 95

http://www.naturalnursery.co.uk/user/basket.jpg

[naturalnursery]

(Lisa) but the image should resize with the width ="x" surely?
I'll save it as a smaller image now and see what happens.

[naturalnursery]

(Lisa) We have taken the whole header out and it still pushes the right hand side out

[greggrant]

You have 30px padding on the left and right of:

.cb_content {
background-attachment: scroll;
background-color: transparent;
background-image: none;
background-position: left top;
background-repeat: repeat;
border-color: -moz-use-text-color;
border-style: none;
border-width: 0;
color: #404040;
font: 12px verdana,sans-serif;
padding: 5px 30px;
text-align: left;
width: 100%;


}

If you remove the 30px padding (make it 0) then the template is fine. You should be able to do this on Name of the Template > Template Editor > Columns > Centre - Padding Overide.

[naturalnursery]

(Lisa)
Thank you! It needed the 20px override on the top so we can see the breadcrumbs, I can't see the 30x padding anywhere!
Anyway, something has changed and it looks better, I have got one of the links I wanted to work but if I try to change the image to a linking one it messes up again.

[greggrant]

<a><img alt="" align="left" src="/user/basket.jpg" width="37" height="27" />%viewbasket</a>

Try using %viewbasket_link

Don't forget to add View Basket in the alt text and also title="View Basket"

<a title="View Basket"><img alt="View Basket" align="left" src="/user/basket.jpg" width="37" height="27" />%viewbasket_link</a>