[Pro] CSS MENUS action

Hi all,

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

Or do I have to cheat and make my web width 2px wider to accommodate the menu overhang?!!!

Very frustrating, appreciate any advice.

Worm


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Anyone… or I can ‘sadly’ only assume this is not possible & my suggestion is the only way around such an issue? Hopefully I can be proven wrong…

Worm


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Do you have an example page you can post a link to?

Mark

On 14 Mar 2012, 12:00 pm, Mr worm wrote:

Hi all,

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

Or do I have to cheat and make my web width 2px wider to accommodate the menu overhang?!!!

Very frustrating, appreciate any advice.

Worm

On 15 Mar 2012, 10:32 am, Mr worm wrote:

Anyone… or I can ‘sadly’ only assume this is not possible & my suggestion is the only way around such an issue? Hopefully I can be proven wrong…

Worm


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Worm,
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.
Regards,
Tim.

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


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Tim, thanks for your reply & example. Very helpful!

Here is a link to my site to show clearer what I mean, as you can see to the right of the main css menu its 2px short of aligning up with the 1050px page width!!!

What would you suggest?

Many thanks

Worm


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

http://www.edwardlawlor.co.uk/2012/fw/css-menu/index.html

Worm


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It looks equally bad in firefox 5 & 7

Also IE 9… 7,8 are really bad!! Only a concern as client is 99% IE based browser.

Also blows out in Chrome 13/14 for windows.

I’m running Safari 5.1.2

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

Worm


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Worm,
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.
Regards,
Tim.

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


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Tim, thanks for the speedy response!!

I will follow your instructions & post the results again via a link. Once the menu is complete is it best to place inline?

Thanks for the compliment too

Kind regards

Worm


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Worm,
Yes, in this instance I would be inclined to cut the menu item and paste it inline into item 1.
Regards,
Tim.

On 16 Mar 2012, at 12:34, Mr worm wrote:

Once the menu is complete is it best to place inline?


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Tim, I have made the changed you suggested, link:

http://www.edwardlawlor.co.uk/2012/fw/css-menu/index.html

The menu seems to still blow out if I make to 1150 width! Therefore I have had to make 1152px to allow it to fit all on one row… If you look very close you can see this overhang either side of 1px!!!

Almost there… can you see any problems please?

Thanks Tim

Worm


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options