Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

CSS/HTML ecommerce site - Redesigning Menu

Posted on 2012-12-29
7
Medium Priority
?
401 Views
Last Modified: 2012-12-30
Hello,

At our 3dCart Store I have complete access to all css and html. The domain is

www.idiaper(dot)com

I want to make the horizontal menu at the top of the page look like this one's:

www.internetdiaper(dot)com

except a medical blue color like the blue on this site

www.medline.com

What's the easiest way to do this that's compatible with all browsers?
0
Comment
Question by:weikelbob
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
7 Comments
 
LVL 16

Accepted Solution

by:
HagayMandel earned 668 total points
ID: 38730591
Check this.
0
 
LVL 21

Assisted Solution

by:Tapan Pattanaik
Tapan Pattanaik earned 664 total points
ID: 38730599
Hi weikelbob,

Please check these links.

10 Tips for Building Cross-browser Websites:

http://www.elated.com/articles/cross-browser-website-tips/


Download and build this application using visual studio.

http://www.microsoft.com/visualstudio/eng/products/visual-studio-express-products

CSS Best Practices and Cross-browser Compatibility :

http://www.vinaytechs.com/2009/11/css-best-practices-and-cross-browser.html

Best practices for building cross browser compatible web apps:

http://www.slideshare.net/avranju/best-practices-for-building-cross-browser-compatible-web-apps

http://internet-browser-review.toptenreviews.com/
0
 
LVL 13

Assisted Solution

by:darren-w-
darren-w- earned 668 total points
ID: 38730701
As HagayMandel has suggested you need to strip out the table and replace it with a list, I would recommend you take a look at Stu Nicholls's website cssplay.co.uk, he's taken years perfecting his css menus, and there are plenty of examples on his site http://www.cssplay.co.uk/menus/, he covers in each example what browser they are compatable with (generally all of them)

D

PS take a look ta Tabbed
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 7

Author Comment

by:weikelbob
ID: 38731256
Thanks both of you.

 HagayMandel,

Thanks! I'll put this in and check it out

Bob
0
 
LVL 7

Author Comment

by:weikelbob
ID: 38731312
tapanpattanaik & HagayMandel,

Do the changes look good in all browsers?

Also, how do I get the right edge of the menu flush with the right side of the site?

Thanks!
0
 
LVL 7

Author Comment

by:weikelbob
ID: 38731325
don't miss my last post.

Just so that you can help me properly, the home page is wider than the category pages. There's 2 different widths
0
 
LVL 7

Author Comment

by:weikelbob
ID: 38731342
Actually, I'll open a new question.

Thanks guys
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

610 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question