View Full Version : eBay / CSS related alignment issue
11-14-2011, 07:58 PM
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 -
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....
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!!
11-14-2011, 08:16 PM
No amount of CSS alone can fix this. This part here will always and forever wreck what you want to do:
<td width="33%"> </td>
<!-- End Quantcast tag -->
</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.
11-14-2011, 08:45 PM
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?
30 Day Money
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
11-14-2011, 09:22 PM
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.
11-15-2011, 11:40 AM
That worked like a charm. I really cannot thank you enough. Swift, clear advise - great stuff!
Powered by vBulletin® Version 4.2.2 Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.