Solved

CSS/HTML ecommerce site - Redesigning Menu

Posted on 2012-12-29
7
355 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
Comment Utility
Check this.
0
 
LVL 21

Assisted Solution

by:Tapan Pattanaik
Tapan Pattanaik earned 166 total points
Comment Utility
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
Comment Utility
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
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
LVL 7

Author Comment

by:weikelbob
Comment Utility
Thanks both of you.

 HagayMandel,

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

Bob
0
 
LVL 7

Author Comment

by:weikelbob
Comment Utility
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
Comment Utility
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
Comment Utility
Actually, I'll open a new question.

Thanks guys
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

744 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now