Really like the latest version and will begin to edit all of my websites using this version.
However since some of my sites require horizontal menus and I need to center them. While I can move the menu horizontally by changing the css margin code, I have not figured out how to center the menu horizontally. Any ideas would be appreciated.
Also, I see in the css code references to arrow and shadow elements but have not discovered how to turn these on...am I dense or is something missing.
Thanks
Cayucostom
Cayucos Tom
http://cayucospages.net
http://tkeckle.net
cayucostom
Registered User
103 posts
Dave Thompson
Registered User
383 posts
I'm no coder so take this for what it is worth, but the way I do it is to use either of two reasonably reliable, cross-browser methods. One is a div tag with align = centre, which is of course deprecated, and the other is to set the style (either in-line or with a stylesheet) margin-left: auto and margin right: auto. Thus a simple centred table would be either:
Using Divs and html:
<div align="center">
<table border="1" width="60%">
<tr>
<td>Cell 1</td>
</tr>
<tr>
<td>Cell 2</td>
</tr>
</table>
</div>
And using CSS styles
<table style="margin-left: auto; margin-right:auto;
border: solid 1px #000; width:60%">
<tr>
<td>Cell 1</td>
</tr>
<tr>
<td>Cell 2</td>
</tr>
</table>
Like I say, any real coders will probably tear this code to bits but it works for me in most situations.
Cheers
Dave. Dave
davethompson.co.nz
Using Divs and html:
<div align="center">
<table border="1" width="60%">
<tr>
<td>Cell 1</td>
</tr>
<tr>
<td>Cell 2</td>
</tr>
</table>
</div>
And using CSS styles
<table style="margin-left: auto; margin-right:auto;
border: solid 1px #000; width:60%">
<tr>
<td>Cell 1</td>
</tr>
<tr>
<td>Cell 2</td>
</tr>
</table>
Like I say, any real coders will probably tear this code to bits but it works for me in most situations.
Cheers
Dave. Dave
davethompson.co.nz
david wilson
Ambassador
1,463 posts
From an example by Scott;
<div style="width:800px; margin:0 auto;"> MENU HERE </div>
Volunteering to help 
http://www.tbaygeek.org
<div style="width:800px; margin:0 auto;"> MENU HERE </div>
http://www.tbaygeek.org
Ryan Clark
Registered User
19 posts
Not to hijack the thread, but is there a way to allow for a 'blinking' cell within a CSS menu?
Ryan
Ryan
Cary
Ambassador
1,058 posts
You could use a blinking animated gif as the background image.
cayucostom
Registered User
103 posts
Since I started the thread and there is not one focused on HTML CSS menu designer why not open this on to all questions issues or tips with the menu designer as the common theme.
Cayucostom Cayucos Tom
http://cayucospages.net
http://tkeckle.net
Cayucostom Cayucos Tom
http://cayucospages.net
http://tkeckle.net
david wilson
Ambassador
1,463 posts
Scott;
I noticed that when someone creates a vertical menu the EDITOR links 2 css files
but a horizontal menu only gets the first one linked, no superfish-horizontal
Volunteering to help
http://www.tbaygeek.org
I noticed that when someone creates a vertical menu the EDITOR links 2 css files
<link rel="stylesheet" type="text/css" href="resources/Home-menu.css" media="screen">
<link rel="stylesheet" type="text/css" href="resources/superfish-vertical.css" media="screen">
<link rel="stylesheet" type="text/css" href="resources/superfish-vertical.css" media="screen">
but a horizontal menu only gets the first one linked, no superfish-horizontal
Volunteering to help
http://www.tbaygeek.org
David Cwi
Trial User
4 posts
I've run into the same issue and Scott's example posted above does not work for me to center a CSS menu maker menu. In theory if right margin is set to auto and left margin is set to auto that will take the entire div block and "center" it. That may work for text or images but it is not working for me for the menu. I've asked if there is not something by default in the menu-menu.css file that is causing an issue. And I've sent them examples of my coding. But right now I cannot get a menu to center horizontally. Will come back to the forum to see if any one has figured this out.
J. Cornelius
VP of Operations
72 posts
David Cwi wrote:
I've run into the same issue and Scott's example posted above does not work for me to center a CSS menu maker menu. In theory if right margin is set to auto and left margin is set to auto that will take the entire div block and "center" it. That may work for text or images but it is not working for me for the menu. I've asked if there is not something by default in the menu-menu.css file that is causing an issue. And I've sent them examples of my coding. But right now I cannot get a menu to center horizontally. Will come back to the forum to see if any one has figured this out.
I've run into the same issue and Scott's example posted above does not work for me to center a CSS menu maker menu. In theory if right margin is set to auto and left margin is set to auto that will take the entire div block and "center" it. That may work for text or images but it is not working for me for the menu. I've asked if there is not something by default in the menu-menu.css file that is causing an issue. And I've sent them examples of my coding. But right now I cannot get a menu to center horizontally. Will come back to the forum to see if any one has figured this out.
Do you have this online somewhere I can take a look at it? J Cornelius - VP of Operations, CoffeeCup Software
david wilson
Ambassador
1,463 posts
David Cwi wrote:
I've run into the same issue and Scott's example posted above does not work for me to center a CSS menu maker menu. In theory if right margin is set to auto and left margin is set to auto that will take the entire div block and "center" it. That may work for text or images but it is not working for me for the menu. I've asked if there is not something by default in the menu-menu.css file that is causing an issue. And I've sent them examples of my coding. But right now I cannot get a menu to center horizontally. Will come back to the forum to see if any one has figured this out.
I've run into the same issue and Scott's example posted above does not work for me to center a CSS menu maker menu. In theory if right margin is set to auto and left margin is set to auto that will take the entire div block and "center" it. That may work for text or images but it is not working for me for the menu. I've asked if there is not something by default in the menu-menu.css file that is causing an issue. And I've sent them examples of my coding. But right now I cannot get a menu to center horizontally. Will come back to the forum to see if any one has figured this out.
Can you post a link so we can look at the code? Volunteering to help
http://www.tbaygeek.org
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.
