Solved

CSS/HTML ecommerce site - Redesigning Menu

Posted on 2012-12-29
7
378 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
Best Practices: Disaster Recovery Testing

Besides backup, any IT division should have a disaster recovery plan. You will find a few tips below relating to the development of such a plan and to what issues one should pay special attention in the course of backup planning.

 
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

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Delete HTML table rows 12 29
Change Background Color of Website 5 18
CSS issue in Nested Master Pages 9 13
Customizing jQuery UI Accordion CSS 3 16
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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 code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

809 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