CSS problem, could anyone help resolve this issue?

Quote from: Dimmy at Jan 20, 2008, 07:11 AM

Hehe no problem I already noticed this one but just left it this way its ot only ie its in all browsers.
maybe I need a preloader for the images.

Why do you have a brown background there at all? Why not have the whole menu container have the matching gold background?

Quote from: smashingred at Jan 20, 2008, 10:46 AM

What I changed was to have the li as displayed inline. There is no property "align" so I changed this to text-align and finally in order to ensure cross-browser compatibility when you place an a inside an li and you want to be able to control the dimensions you need to use the property inline-block.

How would I use the "inline-block" property to control width and padding etc?

Also, as I am looking at using wayfinder (so being able to know how to quick change all these properties is usefull) do I need to bother using " &hereClass=`nav` " in order to tell wayfinder what to use or would it automatically use #topnav ul {} etc as a default due to it being defined within the div id?

Completely off topic now to this, and for informational purposes, etomite uses a nice handy function within Manager which allows you reorder the document index simply by dragging and dropping. It does use Ajax but I have to admit it is a lot easier when it comes to reordering your documents and the order in which they appear both within the document tree in manager and in the navigational menu.

Is there something similar for modx?

Quote from: goldeagle at Jan 20, 2008, 11:23 AM

How would I use the "inline-block" property to control width and padding etc?

The thing is that by itself inline-block doesn’t do anything but tell the browser that the <a> is an inline element that can have dimension. Most browsers won’t /nor should allow you to apply height and widths to inline elements but by telling the browser that it should act like a block element (which can have dimensions) that it can take height and width declarations.

You can give it a try by doing a test by applying height and width to an <a> element’s css rule remove the inline-block you will see--especially in IE7--that it won’t have height.

Quote from: goldeagle at Jan 20, 2008, 11:23 AM

Also, as I am looking at using wayfinder (so being able to know how to quick change all these properties is usefull) do I need to bother using " &hereClass=`nav` " in order to tell wayfinder what to use or would it automatically use #topnav ul {} etc as a default due to it being defined within the div id?

The &hereClass is the class to use for adding a class to the li that holds the link to the page that you are on. So like in your previous examples it would be the one you use to make the current link have a class of active.

For what you are asking you would either use the &outerClass or &innerClass. You can find all the information you need in the documentation http://www.muddydogpaws.com/development/wayfinder/features.html and at http://wiki.modxcms.com/index.php/Wayfinder

Quote from: goldeagle at Jan 20, 2008, 11:23 AM

Completely off topic now to this, and for informational purposes, etomite uses a nice handy function within Manager which allows you reorder the document index simply by dragging and dropping. It does use Ajax but I have to admit it is a lot easier when it comes to reordering your documents and the order in which they appear both within the document tree in manager and in the navigational menu.

Is there something similar for modx?

I would start a new thread for this. but the answer is I think so. I’d have to get into the manager right now to check but I am sure that others would be able to answer this more completely.

Update: Modules->DocManager->Sort Menu Items

Select the parent and then drag and drop to your heart’s content.

Cheers,

Jay

Ok so I can assign height and width to an inline-block property, which s good. Does this then apply the height and width of the whole navigation or each individual link, if you follow?

As for using the class, I sort of answered my own question by removing it and being pleased to see the menu is still behaving as it should. So unless I want to style it to look and behave in some weird and fantastic way I wouldnt really need it to be fair.

I will create another thread regarding the manager item. I should think this board would be an ok place for it .

Many thanks for your help and I will post an update once I have one. Normal house hold jobs need doing .