...

View Full Version : eBay / CSS related alignment issue



shadyshaun
11-14-2011, 06:58 PM
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

Rowsdower!
11-14-2011, 07:16 PM
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.

shadyshaun
11-14-2011, 07:45 PM
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

Rowsdower!
11-14-2011, 08: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.

shadyshaun
11-15-2011, 10:40 AM
That worked like a charm. I really cannot thank you enough. Swift, clear advise - great stuff!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum