eBay / CSS related alignment issue

Hello,

I would be most grateful if someone could help me with the following issue. I have searched high and low online but have not found a solution. Time to ask the experts!

When viewing the following webpage in a browser it center aligns -
http://www.tradedirectsales.co.uk/bazinga.html

This is a template i use on eBay which was designed for me some time ago. Unfortunately the company i bought the template from seems to have disappeared....so no support :mad:

When the code is copy & pasted into an ebay html listing the following result happens....

http://http://cgi.ebay.co.uk/ws/eBayISAPI.dll?ViewItem&item=280772599049

Everything is left aligned?!

This is the css stylesheet i'm using http://www.tradedirectsales.co.uk/custom/css/style.css

Please if anyone could explain why this is happening or how to fix it i would be most grateful.

Thanks in advance!!

Shaun

No amount of CSS alone can fix this. This part here will always and forever wreck what you want to do:

<tr>
<td width="33%">&nbsp;</td>

<td width="33%">
<!-- End Quantcast tag -->
</body>
</html><p><center><a href="http://pages.ebay.co.uk/selling_manager_pro"><img border="0" height="50" width="248" src="http://pics.ebay.com/aw/pics/uk/sellingmanager/sellingmanagerPro/smPro_248x50.gif"></a></center></p></div></div></div></div></div></td></tr>

Your <tr> with your actual ad in it has only one <td> in which your ad may reside, but the next row (under your ad) has two <td> elements in it which forces your ad to leave room for the second row's second <td> along its right-hand side.

You need to get the <td> housing your ad to have a colspan of 2 in order to make this center the ad within the page. I don't know anything about "selling manager pro" or the code that inserts their little icon/link, but that alone is screwing up your layout. If you can remove their link or alter their colspan for your ad's row then you'll be fine.

Hello,

Thank you so much for the quick reply. I literally removed the <td width="33%"> you mentioned and for good measure pulled the following code that gets added.....

<center><a href="http://pages.ebay.co.uk/selling_manager_pro"><img border="0" height="50" width="248" src="http://pics.ebay.com/aw/pics/uk/sellingmanager/sellingmanagerPro/smPro_248x50.gif"></a></center></p>

It was the <td width="33%"> that caused the problem. Removing it seems to have fixed the issue, thanks so much for your help!

If you don't mind please could i ask one more question? It seems this template may be usable after all!

Within the ad i have tabs for the following info:

Why Buy From Us?
Payment &
Checkout
Domestic
Shipping
International
Shipping
30 Day Money
Back Guarantee
Contact Us
Feedback

When the page is initially displayed all the tabs are expanded as default, making for a very long read. Once i click on a tab it just displays the relevant tab as expected / desired.

My question would be, is it possible to have it collapsed by default?

Thanks once again

Shaun

Yes, for each tab's content where you have something like this:
<div id="faq_checkout" class="faqTab">

Just insert the inline style for display:none; like so:
<div id="faq_checkout" class="faqTab" style="display: none;">

For whichever tab you wanted to have as your "default" viewable tab you just skip adding the display:none; style to that one and you're all set.

That worked like a charm. I really cannot thank you enough. Swift, clear advise - great stuff!