Thanks for the offer Jo Ann, love the art work you've done on your pages, what graphics program did you use?
My problem is not complicated, all I want the menu to do is align centre. If I put the menu down one side its perfect but I want the menu across the top in a table, the menu works fine but alignment is an issue.
I created this page just to get it working or show my problem
http://www.shaneclements.com.au/menuPractice.html
This is the correspondence between my self and Monica Kelsey from the support team.
**************************************************************************************************************************
Hello Shane,
Thanks for contacting us! The reason your menu is not centering is because the CSS Stylesheet that you are using is forcing the alignment to the left. You'll need to adjust the stylesheet to show the menu center instead of left.
Best Regards,
Monica Kelsey - Support Specialist
CoffeeCup Software Inc.
An Internet 500 Company
http://www.coffeecup.com
**************************************************************************************************************************
Thanks for your reply Monica, however its not quite the answer I was after.
I realise that the CSS Stylesheet is forcing alignment to the left, after inserting the <div> tag to align center it is still aligning left. I checked the coffeecup support pages and they just tell me to do what I have already done, however I don't see the reason why it wont align center.
If you could have a look at my code and tell me if you can see the reason why I have the alignment problem.
Thanks
Shane
b]This is from the Coffeecup support page on 'How to use the CSS menu designer'[/b]
Step 6: Positioning Your Menu
To change where your menu appears on your page, your best bet is to use <div></div> tags to position it. To do this, place <div></div> tags around the menu code that appears between the <body></body> tags, which would look like this:
<div> <ul class="menu-menu"> <li class="first"><a href="contact-us.html">Contact Us</a></li> <li> <a href="">Learn More</a> <ul> <li class="first"><a href="about-us.html">About Us</a></li> <li><a href="privacy.html">Privacy Policy</a></li> </ul> </li> </ul> </div>
Next, add the align attribute to the opening <div> tag, and give it one of these values: bottom, center, justify, left, right, or top. For instance, if you wanted to center your menu, the opening <div> tag would look like this:
<div align="center">
b]This is from my page after I followed the Coffeecup directions[/b]
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>MenuPracticePage</title>
<meta http-equiv="generator" content="CoffeeCup HTML Editor (
www.coffeecup.com)" />
<meta name="created" content="Sun, 31 Jan 2010 01:24:15 GMT" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="css/menu-menu.css" media="screen">
</head>
<body>
<div align="center"><ul class="menu-menu">
<li class="first"><a href="http://www.haspconsulting.com.au">Menu</a></li>
</ul>
</div>
</body>
</html>
*************************************************************************************************************************
The CSS tag for left alignment is overriding the DIV tag telling it to go to the center. This is evident by removing the line for the CSS and the menu centers. The problem is not the code for the menu, but the CSS.
Best Regards,
Monica Kelsey - Support Specialist
CoffeeCup Software Inc.
An Internet 500 Company
http://www.coffeecup.com
**************************************************************************************************************************
Thanks Monica, I know nothing of CSS so my problem is not fixed.
I'm old, fat and losing my hair .... so the kids tell me.
