HTML Editor 2009 CSS Menu Designer -...

User 166871 Photo


Registered User
185 posts

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

Vista Tom


User 3004957 Photo


Registered User
848 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.
User 184085 Photo


Ambassador
1,707 posts

From an example by Scott;


<div style="width:800px; margin:0 auto;"> MENU HERE </div>
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 1941307 Photo


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
User 463058 Photo


Ambassador
1,073 posts

You could use a blinking animated gif as the background image.
User 166871 Photo


Registered User
185 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
Vista Tom


User 184085 Photo


Ambassador
1,707 posts

Scott;

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">


but a horizontal menu only gets the first one linked, no superfish-horizontal

Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 512392 Photo


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.
User 3 Photo


Administrator
1,371 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.


Do you have this online somewhere I can take a look at it?
User 184085 Photo


Ambassador
1,707 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.


Can you post a link so we can look at the code?
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/

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.