I’d be inclined to adjust the padding on the menu to make it slightly smaller and fit the page width. You can then style the container item to look like an extension of the menu itself. So for example on this menu (http://www.freewaystyle.com/black-css-menu) use the background graphic of the menu (bg.png) as the background image in the parent item. The upshot is that it will look like the menu spans the whole width of the page whereas it in fact stops a few pixels short.
On 14 Mar 2012, at 12:00, Mr worm wrote:
Im constructing a CSS menus action menu. I have made it via using the content width on a horizontal menu, with item dividers & tweaked the padding… Looks perfect!!!
My only issue is aligning with the website width to look inline. Its currently 2px too wide… is there a way to adjust this menu by such a small margin???
I can see that the item the menu sits in is 1152 pixels wide whereas the page content appears to be mainly 1150 pixels wide. Reduce this item’s width and add the ‘nav-bg.png’ you’ve used on the menu to item1 as a background image. Set it to repeat horizontally but not vertically. This should give the impression of the menu extending to the full 1150 pixel page width. You may want to consider removing the extreme left and right borders on the CSS Menu as well as without them the added background will just look like part of the menu rather than a slice of background. Lastly set the alignment of the menu in the Actions palette to center so the few extra pixels between the with of the menu and item1 are divided between the first and last menu items (Home and Contact RDC).
Overall I think the site looks really good.
On 16 Mar 2012, at 11:02, Mr worm wrote:
Is there a way to make this better Tim? Currently it resides on the pasteboard… if I were to place inline would this tidy things up once I’ve finished tweaking???