Menu on Semiologic

[LarryVan]

I am trying to implement the Multilevel Menu on a Semiologic Theme.  I have placed the php snipit into a header text widget, loaaded and activated phpexec, and posted the edited html code in the admin panel.

The results can be seen at http://vanosdol.net/financial

As you can see, the menu is 2 0r three pixels too low and need to extend 5 or so pixels each way to look good.

I have tried to specify width (970px) to no avail. changes margins and pads again with no effect.  Positioning is solely determined by the code in the html.  There is no code within the widget.

Any suggestions appreciated?

Larry

[imported_Ryan]

Hi,
I think you have far more serious problems than that.

Your style.php file does not seem to be working. Try deactivating it and displaying the CSS inline to make the menu work.

You could try moving your menu around with relative positioning to place it where you want. Something like the following would probably work (I haven’t tested it though):
[code:1w7z4fw9]#suckerfishnav {position:relative;top:-10px;left:-10px;}[/code:1w7z4fw9]

[LarryVan]

Hi Ryan

Thanks very much for your help

The above code along with changing the width from 100% to 966px works perfectly in Firefox.(Why 766, I don’t know; the header width is 970px)  However in IE7 there is now a gray bar (background) below the navbar. (equal to the position move)

As for the syle.css not working – there is also a cascading skin.css file which is used. 

I may play around with moving the css for this plugin into the skin.css.  That may allow it to be placed before the sidebar and main css and solve the problem with the position in IE.  I could also solve the problem by making the background black ” title=”Smiley” />

Any other suggestions?  If I can get this to work within Semiologic, it is going to be extremely popular.

Larry

[imported_Ryan]

Hi Larry,
You don’t seem to have the plugin installed and the theme looks totally different now.

[imported_Ryan]

Your original theme seems to be back now. But what is it actually supposed to look like? It looks fine in Firefox 3 to me, or is it just IE that you are having problems with?

[LarryVan]

The problem is only in IE.  There is now a 5-6px gap between the navbar and the body and sidebars.  In Firefox, it looks great.

[LarryVan]

I am noticing that in addition to the gap in IE7 which I cannot correct using position:relative in the body code of the theme, that there is an additional problem with the dropdown menu in IE7

In I~E7, while the links on the dropdown showup in the browser address bar at the bottom of the browser, they do not respond to a mouse click. 

In short, the menu seems to work perfectly in Firefox, but not IE7

Larry

[imported_Ryan]

Hi Larry,
I’ve had a good look at this but have run out of time. I’m very busy at the moment and haven’t been able to fix this in the time I alotted to it.

Sorry.

[LarryVan]

Hi Ryan
I was able to get the problem solved.  Apparently IE7 doesn’t like position:relative with negative numbers, so I finally tried specifying negative margins. and everything works.

One feature suggestion.  I would like to see a marker on those tabs that have children.  How hard would that be to implement?

Thanks for a great plugin

Larry

Larry

[imported_Ryan]

[quote:es1r5bh2]How hard would that be to implement?[/quote:es1r5bh2]

Probably fairly easy. I’ll consider that for the next update of the CSS generator.

[Author]

Posts