Solved

CSS/HTML ecommerce site - Redesigning Menu

Posted on 2012-12-29

CSS
HTML

3 solutions

398 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 167 total points

ID: 387305912012-12-30

Check this.

LVL 21

Assisted Solution

by:Tapan Pattanaik

Tapan Pattanaik earned 166 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 167 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

Why is my Office 365 signature not working?

Article by: Exclaimer

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.

Easy Methods to Remove Duplicate Emails in Outlook!

Article by: Jane

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…

Embedded Videos in HTML5

Video by: Sarah

In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …