I have looked at all the old posts on this forum & still not found the anser to my question, how do you style the CSS MENU action text?
I have created a list with several bullets (TABS) some also with sub menus & applied the CSS MENU action.
Within the action menu I have styled the menu/sub menus to both be horizontal, have a background image and rollover image & the link text colour. The menu works & looks fine with a little tweaking, however I want to style the ‘list text’ that resides above the backgrounds of the menu!??
This is where I’m stuck. I’ve tried styling several tag names, applied it to the list and it styles the text in ‘page view’, but once previewed it defaults to default text or a text with NONE styling applied to it?!! Why is this?
I simply want my CSS list text to be centrally aligned within my tabs, and positioned centrally on the Y axis too. Also to use a text font such as helvetica 10pt in white!
Is this possible?!! Im sure I’m close but just cant get it to work 100%!!!
To style the size and font of a CSS Menu, simply select all your text and set the font and font size within the Inspector just like any other text. The colour has to be set with in the Action itself and you have different options for normal, hover and click colour. If you set a colour outside of the Action then this will cause complications and overwrite other colours set in the Action.
you can centre the text within each little section by setting the the Menu to use “Content Width” you can then add padding to the left and right. If you set the same amount of padding on each side then the text will be centred.
I have looked at all the old posts on this forum & still not found the anser to my question, how do you style the CSS MENU action text?
I have created a list with several bullets (TABS) some also with sub menus & applied the CSS MENU action.
Within the action menu I have styled the menu/sub menus to both be horizontal, have a background image and rollover image & the link text colour. The menu works & looks fine with a little tweaking, however I want to style the ‘list text’ that resides above the backgrounds of the menu!??
This is where I’m stuck. I’ve tried styling several tag names, applied it to the list and it styles the text in ‘page view’, but once previewed it defaults to default text or a text with NONE styling applied to it?!! Why is this?
I simply want my CSS list text to be centrally aligned within my tabs, and positioned centrally on the Y axis too. Also to use a text font such as helvetica 10pt in white!
Is this possible?!! Im sure I’m close but just cant get it to work 100%!!!
And this is a screen shot of the settings I’m using.
You’ll notice I’m using graphics with specific dimensions as the bg image, maybe I need to use a 2x30 px graphic as you have and repeat it across the x/y axis and add dividers.
I want my tabs to be consistent in size regardless of content width. Is this possible? Say 110 px for all the middle tabs.
If you look closely the top nav bar in my exmaple page is what I’m looking to achieve. Either end has a corner radius, can this be achieved in CSS menus. Or can you apply an action to an action I.E. CSS3 corners to CSS menus?
It can start to sound complex, but I’m going to fiddle with it a little more & see what I come up with. Any advice or help in the mean time will be greatly appreciated.
Hi chris, Did you get chance to take a look at this…?
Is what i’m trying to achieve best using individual graphic elements due to my requirments such as corner radius’ at the ends and content width being the same regardless of the html content. Thus a tab named ‘links’ - 5 characters would be the same width as a tab named ‘services’ - 8 characters!! Or do I just uncheck the tab ‘use conent width’?
Its getting the measurments/padding etc correct that I’m struggling with to get my nav bar to look correct.
If i was to attempt this, could I draw a html item and insert grahic images separated with hard returns and with the list indent applied for ‘sub menus’?!! tehn apply the css menu action to that. Sounds kinda hand fisted, but may work?!!! Rather than a html list with the CSS menu action applied.
I’ve bin fiddling with other things so put this to the side for a while, but any help would be much appreciated.
Also has any looked at the B.A.M - Big Area Menus action yet??? Could I conmine this with the CSS menu action so some drop downs were tabbed whilst others may be B.A.M big-area-menus!!!