Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

how do I create this tabbed menu structure for eBay ?

Status
Not open for further replies.
eBayCoding

eBayCoding

Technical User
Dec 27, 2012
2
DE
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
 
Sort by date Sort by votes
Not a table, a few Divs, and an an undordered list.

Code: 
[b][COLOR=#0000FF]<div[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_tabBox"[/color] [COLOR=#009900]id[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_serviceBox"[/color][b][COLOR=#0000FF]>[/color][/b]
[tab][tab][b][COLOR=#0000FF]<ul[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_tabMenu"[/color][b][COLOR=#0000FF]>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]><a[/color][/b] [COLOR=#009900]name[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_serviceBox"[/color][b][COLOR=#0000FF]></a>[/color][/b]Payment Info[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]Shipping Info[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_curr"[/color][b][COLOR=#0000FF]>[/color][/b]Return Policy[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]Contact Us[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]Privacy Policy[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]About Us[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][b][COLOR=#0000FF]</ul>[/color][/b]
[tab][tab][b][COLOR=#0000FF]<div[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"clearFloat"[/color][b][COLOR=#0000FF]></div>[/color][/b]
[tab][tab]
[tab][tab][b][COLOR=#0000FF]<div[/color][/b] [COLOR=#009900]style[/color][COLOR=#990000]=[/color][COLOR=#FF0000]" border:1px #ccc solid; height:230px;"[/color][b][COLOR=#0000FF]>[/color][/b]
[tab][tab][tab][i][COLOR=#9A1900]<!--Payment Info -->[/color][/i]
[tab][tab][tab][b][COLOR=#0000FF]<div[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_tabCon"[/color] [COLOR=#009900]style[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"display: none;"[/color][b][COLOR=#0000FF]>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<p>[/color][/b]We Welcome Paypal.
[tab][tab][tab][tab][b][COLOR=#0000FF]<img[/color][/b] [COLOR=#009900]src[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"[URL unfurl="true"]http://img.auctiva.com/imgdata/1/3/8/1/1/2/5/webimg/455791692_o.gif"[/URL][/color] [COLOR=#009900]alt[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"paypal"[/color] [COLOR=#009900]width[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"92"[/color] [COLOR=#009900]height[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"38"[/color][b][COLOR=#0000FF]><br>[/color][/b]
[tab][tab][tab][tab][i][COLOR=#9A1900]<!-- Our PayPal Account :   cde-carsources@cdesources.com -->[/color][/i] [b][COLOR=#0000FF]</p>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<p>[/color][/b]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. [b][COLOR=#0000FF]</p>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]</div>[/color][/b]
[tab][tab][tab][i][COLOR=#9A1900]<!-- Shipping Info-->[/color][/i]
[tab][tab][tab][b][COLOR=#0000FF]<div[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_tabCon"[/color] [COLOR=#009900]style[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"display: none;"[/color][b][COLOR=#0000FF]>[/color][/b]
[tab][tab][tab]  [b][COLOR=#0000FF]<ol>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]All items will be shipped within 48 hours upon payment cleared via [b][COLOR=#0000FF]<span[/color][/b] [COLOR=#009900]style[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"color:#F30;"[/color][b][COLOR=#0000FF]>[/color][/b]Hong Kong Registered Air Mail[b][COLOR=#0000FF]</span>[/color][/b] Shipping Service.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]Under normal circumstances, Shipping takes approximately 7-10 Business Days.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]The worldwide shipping costs have been clearly listed.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]Shipping and handing fee covers mailing, packing, warehouse and distribution costs, not postage only.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]Shipping insurance is optional offered at 2.00 per item.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]No local pickup service. No third party Shipping carrier will be used. [b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]Please do not bid if you disagree with our Shipping terms.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab]  [b][COLOR=#0000FF]</ol>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]</div>[/color][/b]
[tab][tab][tab][i][COLOR=#9A1900]<!-- Return Policy-->[/color][/i]
[tab][tab][tab][b][COLOR=#0000FF]<div[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_tabCon"[/color] [COLOR=#009900]style[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"display: block;"[/color][b][COLOR=#0000FF]>[/color][/b]
[tab][tab][tab]  [b][COLOR=#0000FF]<ol>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]All items have 6 Months warranty from the date you purchased.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]This warranty covers repairing or replacement of defective products.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]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.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]Products damaged due to improper or inadequate packaging when returned are not granted warranty coverage. [b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]If the replacement is not available, a refund will be issued in the form of the original payment method.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]There is a 25% restocking fee for all non-defective products returned.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]If defective situation noticed over 10 days after delivery, shipping, insurance and handling charges are not refundable.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]If you have any questions, please send an email to us and specify your ebay item number.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab]  [b][COLOR=#0000FF]</ol>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]</div>[/color][/b]
[tab][tab][tab][i][COLOR=#9A1900]<!-- Contact Us-->[/color][/i]
[tab][tab][tab][b][COLOR=#0000FF]<div[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_tabCon"[/color] [COLOR=#009900]style[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"display: none;"[/color][b][COLOR=#0000FF]>[/color][/b]
[tab][tab][tab]  [b][COLOR=#0000FF]<ol>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]We appreciate your positive feedback. [b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]If you have any problem, we are glad to help. [b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]Please contact us before leave any negative feedback (Simply leaving -ve feedback can't solve the problem).[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]We are handling large volume Emails every day. Please allow us to reply your Email within 24hrs. [b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][i][COLOR=#9A1900]<!-- <li>Our Work Email Address is: <a href="mailto:cde-carsources@cdesources.com">cde-carsources@cdesources.com</a>.</li> -->[/color][/i]
[tab][tab][tab]  [b][COLOR=#0000FF]</ol>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]</div>[/color][/b]
[tab][tab][tab][i][COLOR=#9A1900]<!--Privacy Policy-->[/color][/i]
[tab][tab][tab][b][COLOR=#0000FF]<div[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_tabCon"[/color] [COLOR=#009900]style[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"display: none;"[/color][b][COLOR=#0000FF]>[/color][/b]
[tab][tab][tab]  [b][COLOR=#0000FF]<ol>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]Your personal information may come up during dealing. We will collect and store your personal information to fullfill your orders. [b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]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. [b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]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.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]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. [b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab]  [b][COLOR=#0000FF]</ol>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]</div>[/color][/b]
[tab][tab][tab][i][COLOR=#9A1900]<!--About Us -->[/color][/i]
[tab][tab][tab][b][COLOR=#0000FF]<div[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"cde_tabCon"[/color] [COLOR=#009900]style[/color][COLOR=#990000]=[/color][COLOR=#FF0000]"display: none;"[/color][b][COLOR=#0000FF]>[/color][/b]
[tab][tab][tab]  [b][COLOR=#0000FF]<ol>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]cde-carsources is a hi-tech enterprise Located in Shenzhen, China. We mainly work on kinds of security and car electronics.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab][tab][b][COLOR=#0000FF]<li[/color][/b] [COLOR=#009900]class[/color][COLOR=#990000]=[/color][COLOR=#FF0000]""[/color][b][COLOR=#0000FF]>[/color][/b]We offer outstanding values on authentic new products. Our mission is to serve [b][COLOR=#000080]&amp;[/color][/b] 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[i][COLOR=#9A1900]<!-- at cde-carsources@cdesources.com -->[/color][/i] and allow us a reply within 24 hours.[b][COLOR=#0000FF]</li>[/color][/b]
[tab][tab][tab]  [b][COLOR=#0000FF]</ol>[/color][/b]
[tab][tab][tab][b][COLOR=#0000FF]</div>[/color][/b]
[tab][tab][b][COLOR=#0000FF]</div>[/color][/b]
[tab][b][COLOR=#0000FF]</div>[/color][/b]

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
 
Upvote 0 Downvote
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
 
Upvote 0 Downvote
I don't end up with the same result in the 'live' view. What May I be missing? thanks again
Click to expand...

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
 
Upvote 0 Downvote
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
| Marketing and Creative Services
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
411
bdwilcox
bdwilcox
Alt255
  • Locked
  • Question
Searching for a string that contains brackets
Replies
0
Views
135
Alt255
Alt255
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
409
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
326
PeDa
PeDa
scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
397
3esolar
3

Part and Inventory Search

Sponsor

Back
Top