Solved

CSS/HTML ecommerce site - Redesigning Menu

Posted on 2012-12-29

CSS
HTML

3 solutions

Medium Priority

399 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?

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

Join The Community

7 Comments

LVL 16

Accepted Solution

by:HagayMandel

HagayMandel earned 668 total points

ID: 387305912012-12-30

Check this.

LVL 21

Assisted Solution

by:Tapan Pattanaik

Tapan Pattanaik earned 664 total points

ID: 387305992012-12-30

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/

LVL 13

Assisted Solution

by:darren-w-

darren-w- earned 668 total points

ID: 387307012012-12-30

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

LVL 7

Author Comment

by:weikelbob

ID: 387312562012-12-30

Thanks both of you.

HagayMandel,

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

Bob

LVL 7

Author Comment

by:weikelbob

ID: 387313122012-12-30

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!

LVL 7

Author Comment

by:weikelbob

ID: 387313252012-12-30

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

LVL 7

Author Comment

by:weikelbob

ID: 387313422012-12-30

Actually, I'll open a new question.

Thanks guys

Featured Post

Question has a verified solution.

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

CSS Best Practices

Article by: Experts Exchange

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…

Add Theme to ASP.NET MVC

Article by: Shaun

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project

Changing Text Highlight Color in CSS

Video by: Sarah

In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

Flexible Layouts

Video by: Mark

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).