Just read Scott Swedorski's article but this does not seem to be correct. I have a doctype stated -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
The menu suib items do not work in IE either but DO work correctly in Firefox.
Colin Goss
Registered User
2 posts
Dave Butler
Ambassador
375 posts
Colin Goss wrote:
My experience of the CSS menu designer is that the preview does NOT show sub items, IE works the same, but Firefox works as designed.
Obviously any menu must work in all browsers.
Anyone else find this also?
My experience of the CSS menu designer is that the preview does NOT show sub items, IE works the same, but Firefox works as designed.
Obviously any menu must work in all browsers.
Anyone else find this also?
Have you got the latest update build 305 There was a fix inthere to correct a problem with IE.. Hope that solves your problem.
Dave Butler
Yorkshire
England
Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
Yorkshire
England
Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
Scott Swedorski
VP of Software Development
0 posts
Colin Goss wrote:
My experience of the CSS menu designer is that the preview does NOT show sub items, IE works the same, but Firefox works as designed.
Obviously any menu must work in all browsers.
Anyone else find this also?
My experience of the CSS menu designer is that the preview does NOT show sub items, IE works the same, but Firefox works as designed.
Obviously any menu must work in all browsers.
Anyone else find this also?
It will work, but you need to declare a valid DOCTYPE. Even one space or character off and it will not work. If you are also missing items like <head> <Body> etc.. you may have other problems.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
The Dutchman
Registered User
13 posts
The CSS menus will still not center. That code does not work for me at all.
Here is an empty page I generated with HTML Editor and inserted a CSS menu twice.
I tried one with a centered div and the other with the code posted by Cary above before the subject of the thread changed. The menu was generated with all defaults and 100PX standard items. Both menus display to the left of the page with preview, Firefox, and IE.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)" />
<meta name="created" content="Wed, 14 Oct 2009 01:51:32 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>
<!--Here is the first try with a centered div -->
<div align="center">
<ul class="menu-menu">
<li class="first"><a href="http://">first</a></li>
<li><a href="http://">second</a></li>
<li><a href="http://">third</a></li>
<li><a href="http://">fourth</a></li>
</ul>
</div>
<!-- Here is the second try with the suggested working code to center -->
<div><ul class="menu-menu" style="width:400px; margin:0 auto; position:relative">
<li class="first"><a href="http://">first</a></li>
<li><a href="http://">second</a></li>
<li><a href="http://">third</a></li>
<li><a href="http://">fourth</a></li>
</ul>
</div>
</body>
</html>
Here is an empty page I generated with HTML Editor and inserted a CSS menu twice.
I tried one with a centered div and the other with the code posted by Cary above before the subject of the thread changed. The menu was generated with all defaults and 100PX standard items. Both menus display to the left of the page with preview, Firefox, and IE.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)" />
<meta name="created" content="Wed, 14 Oct 2009 01:51:32 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>
<!--Here is the first try with a centered div -->
<div align="center">
<ul class="menu-menu">
<li class="first"><a href="http://">first</a></li>
<li><a href="http://">second</a></li>
<li><a href="http://">third</a></li>
<li><a href="http://">fourth</a></li>
</ul>
</div>
<!-- Here is the second try with the suggested working code to center -->
<div><ul class="menu-menu" style="width:400px; margin:0 auto; position:relative">
<li class="first"><a href="http://">first</a></li>
<li><a href="http://">second</a></li>
<li><a href="http://">third</a></li>
<li><a href="http://">fourth</a></li>
</ul>
</div>
</body>
</html>
The Dutchman
Registered User
13 posts
Here is the link to the uploaded code from my previous post. The menus are still displaying on the left.
http://users.rcn.com/dutchman/
http://users.rcn.com/dutchman/
Jo Rice
Senior Advisor
10,951 posts
I'm going to assume that since it's a CSS menu, that it has a CSS page in there somewhere? Try looking in there to see if there are settings telling it to align left or something. CSS files will usually dominate setings over manual ones in a page so that could be what's happening here. Might not be too, but it's a good place to start looking 
Widoktadwat
Ambassador
808 posts
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}
Try <ul class="menu-menu" style="width:400px; margin-left:auto; margin-right:auto;">
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}
Try <ul class="menu-menu" style="width:400px; margin-left:auto; margin-right:auto;">
"Time heals everything. Know who said that? My Latin teacher at barber college!"
- Floyd Lawson
Widoktadwat - "Plays Well With Others"
- Floyd Lawson
Widoktadwat - "Plays Well With Others"
The Dutchman
Registered User
13 posts
Whoo hoo! Thanks Lowell. At least that code makes it center for IE. Firefox still resolves it to the left. Check it out: http://users.rcn.com/dutchman/
Was I supposed to do something with that
(
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}
paragraph or was that an attempt to format your post?
Was I supposed to do something with that
(
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}
paragraph or was that an attempt to format your post?
BillR
Ambassador
3,144 posts
The Dutchman,
Check this link and see if it does what you want.
http://www.coffeecuphelp.com/broberson/rcn/menu-test.html
I just added some style to the page, using CSS in the head of the page. Just view the source to see the style.
The style Lowell provided was for you to use. You will see that Firefox will center at the link above. I just set the top menu to center.
Check this link and see if it does what you want.
http://www.coffeecuphelp.com/broberson/rcn/menu-test.html
I just added some style to the page, using CSS in the head of the page. Just view the source to see the style.
The style Lowell provided was for you to use. You will see that Firefox will center at the link above. I just set the top menu to center.
Widoktadwat
Ambassador
808 posts
I didn't finish. I was trying to show a sample of CSS to use, like Bill said.
You set up your CSS and have the following:
.center {
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}
and place your menu in a <div class="center"> as Bill's example shows. He is a lot better at this than I am. Look at the source of what he created.
You set up your CSS and have the following:
.center {
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}
and place your menu in a <div class="center"> as Bill's example shows. He is a lot better at this than I am. Look at the source of what he created.
"Time heals everything. Know who said that? My Latin teacher at barber college!"
- Floyd Lawson
Widoktadwat - "Plays Well With Others"
- Floyd Lawson
Widoktadwat - "Plays Well With Others"
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
