Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    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

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

    http://http://cgi.ebay.co.uk/ws/eBay...m=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

  • #2
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    No amount of CSS alone can fix this. This part here will always and forever wreck what you want to do:

    Code:
    <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.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    shadyshaun (11-14-2011)

  • #3
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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

  • #4
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Yes, for each tab's content where you have something like this:
    Code:
    <div id="faq_checkout" class="faqTab">
    Just insert the inline style for display:none; like so:
    Code:
    <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.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    shadyshaun (11-15-2011)

  • #5
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts
    That worked like a charm. I really cannot thank you enough. Swift, clear advise - great stuff!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •