×
INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Contact US

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

how do I create this tabbed menu structure for eBay ?

how do I create this tabbed menu structure for eBay ?

how do I create this tabbed menu structure for eBay ?

(OP)
So a bit of a basic question but I am trying to establish a tabbed menu structure similar to the one on this listing here (towards the bottom) but just cannot find in the relevant part of the code for just the tabbed menu table.

Link

If someone with a bit more knowledge of html can help, I would be grateful.

Thanks

RE: how do I create this tabbed menu structure for eBay ?

Not a table, a few Divs, and an an undordered list.

CODE -->

<div class="cde_tabBox" id="cde_serviceBox">
        <ul class="cde_tabMenu">
            <li class=""><a name="cde_serviceBox"></a>Payment Info</li>
            <li class="">Shipping Info</li>
            <li class="cde_curr">Return Policy</li>
            <li class="">Contact Us</li>
            <li class="">Privacy Policy</li>
            <li class="">About Us</li>
        </ul>
        <div class="clearFloat"></div>
        
        <div style=" border:1px #ccc solid; height:230px;">
            <!--Payment Info -->
            <div class="cde_tabCon" style="display: none;">
                <p>We Welcome Paypal.
                <img src="http://img.auctiva.com/imgdata/1/3/8/1/1/2/5/webimg/455791692_o.gif" alt="paypal" width="92" height="38"><br>
                <!-- Our PayPal Account :   cde-carsources@cdesources.com --> </p>
                <p>We do NOT Accept CASH or any kind of bank check or money order, Please DONT send to us. Otherwise we will charge US$10 returning them to you by registered airmail. </p>
            </div>
            <!-- Shipping Info-->
            <div class="cde_tabCon" style="display: none;">
              <ol>
                <li class="">All items will be shipped within 48 hours upon payment cleared via <span style="color:#F30;">Hong Kong Registered Air Mail</span> Shipping Service.</li>
                <li class="">Under normal circumstances, Shipping takes approximately 7-10 Business Days.</li>
                <li class="">The worldwide shipping costs have been clearly listed.</li>
                <li class="">Shipping and handing fee covers mailing, packing, warehouse and distribution costs, not postage only.</li>
                <li class="">Shipping insurance is optional offered at 2.00 per item.</li>
                <li class="">No local pickup service. No third party Shipping carrier will be used. </li>
                <li class="">Please do not bid if you disagree with our Shipping terms.</li>
              </ol>
            </div>
            <!-- Return Policy-->
            <div class="cde_tabCon" style="display: block;">
              <ol>
                <li class="">All items have 6 Months warranty from the date you purchased.</li>
                <li class="">This warranty covers repairing or replacement of defective products.</li>
                <li class="">If a defective item received, please send it back to us for repairing or a replacement within 30 days.  Buyer pays for the returning postage.   And we will take the re-sending back charge from us to you.</li>
                <li class="">Products damaged due to improper or inadequate packaging when returned are not granted warranty coverage. </li>
                <li class="">If the replacement is not available, a refund will be issued in the form of the original payment method.</li>
                <li class="">There is a 25% restocking fee for all non-defective products returned.</li>
                <li class="">If defective situation noticed over 10 days after delivery, shipping, insurance and handling charges are not refundable.</li>
                <li class="">If you have any questions, please send an email to us and specify your ebay item number.</li>
              </ol>
            </div>
            <!-- Contact Us-->
            <div class="cde_tabCon" style="display: none;">
              <ol>
                <li class="">We appreciate your positive feedback. </li>
                <li class="">If you have any problem, we are glad to help. </li>
                <li class="">Please contact us before leave any negative feedback (Simply leaving -ve feedback can't solve the problem).</li>
                <li class="">We are handling large volume Emails every day. Please allow us to reply your Email within 24hrs. </li>
                <!-- <li>Our Work Email Address is: <a href="mailto:cde-carsources@cdesources.com">cde-carsources@cdesources.com</a>.</li> -->
              </ol>
            </div>
            <!--Privacy Policy-->
            <div class="cde_tabCon" style="display: none;">
              <ol>
                <li class="">Your personal information may come up during dealing. We will collect and store your personal information to fullfill your orders. </li>
                <li class="">Your personal information may be used to provide products and services that you have requrested or what we think you might be interested in. We'll also use the information to contact you due to problems with your request or to update you about our new products and customer promotions. </li>
                <li class="">If you do not want receive our newsletter any more, just let us know and email to cde-carsources@cdesources.com. We'll remove you from our newsletter list.</li>
                <li class="">We will not sell or share your personal information or email addresses with anyone else or other company/organization for commercial use or other unproper use. </li>
              </ol>
            </div>
            <!--About Us -->
            <div class="cde_tabCon" style="display: none;">
              <ol>
                <li class="">cde-carsources is a hi-tech enterprise Located in Shenzhen, China. We mainly work on kinds of security and car electronics.</li>
                <li class="">We offer outstanding values on authentic new products. Our mission is to serve & provide you with the top products at a fair price with Excellent Customer Service. We hope you enjoy your buying at our shop. Any problem met during biding, please email us<!-- at cde-carsources@cdesources.com --> and allow us a reply within 24 hours.</li>
              </ol>
            </div>
        </div>
    </div> 


Probably some JS as well to change the display style of the divs that contain the information from each category.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

RE: how do I create this tabbed menu structure for eBay ?

(OP)
Thanks for this. When I copy and paste this into dreamweaver as code .. I don't end up with the same result in the 'live' view. What May I be missing? thanks again

RE: how do I create this tabbed menu structure for eBay ?

Quote:


I don't end up with the same result in the 'live' view. What May I be missing? thanks again

Likely the CSS to style it into Tabs, and as I said some Javascript to get it going. You'll need to look into the CSS that is loaded in that page, and the Javascript or Jquery being used. Probably something simple that changes the display property of the divs that hold the content when one of the tabs is clicked.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

RE: how do I create this tabbed menu structure for eBay ?

live view wont cut it. you actually have to know what and how the code works to get this running. DW live code is for simple layouts etc.

Darryn Cooke
www.darryncooke.com | Marketing and Creative Services

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members! Already a Member? Login


Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close