Solved

CSS/HTML ecommerce site - Redesigning Menu

Posted on 2012-12-29
7
391 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
7 Comments
 
LVL 16

Accepted Solution

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

Assisted Solution

by:Tapan Pattanaik
Tapan Pattanaik earned 166 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 167 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
Independent Software Vendors: 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

733 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