I realize I am missing something completely when it comes to CSS menus and link styles, but what???
No matter how I fiddle around with link styles, either in the inspector for a site-wide look or in the CSS Menu action, links have different appearances in different places, seemingly at random.
Also, links come up in with or without underlines depending on browser.
I don’t want ANY links to be underlined, just gray, with black text on hover and active.
I also asked a couple of times for tips on how to get CSS menu items to line up and distribute nicely, but it seems there is no help?
Do people usually arrange their CSS links as one html item per Main Menu or do you put your whole menubar in one single html box? Anyone use tables?
I’ve been out of the loop for a bit so I may have missed the posts about it, but I’m back now and as far as the CSS menu’s people have been handling them in usually two ways. The first being the separate HTML boxes because of the lack of the ability to have variable widths based on character count across the entire menu. Unfortunate, but often requests go unanswered and we just get more iPhone features. The second way to go without the action is write it out yourself using CSS. If you’re not much of a coder, then I’d go the separate HTML boxes.
As far as your link styles you can set these for the CSS Menu in the action’s palette itself under “links”. To set the entire page link state styles you can use the inspector (with nothing selected) and then click on the paint brush thing and select the drop down for “links” and that will adjust them site wide.
Remember if you don’t want an underline under any “state” available, apply a “style” from the little circle drop down and then make sure nothing is selected. That will add the CSS of “text-decoration: none” which won’t underline them. Seems odd it doesn’t do that already.
Remember if you don’t want an underline under any “state”
available, apply a “style” from the little circle drop down and then
make sure nothing is selected. That will add the CSS of “text-
decoration: none” which won’t underline them. Seems odd it doesn’t
do that already.
The Action does but if you style the text with a color it will
override it. If you want to change the color of the text in CSS Menus
do it through the Action Palette, not the Inspector palette or a
style. If the text has a color applied this way then remove the color
from the style (if you know how) or select the entire list and use
select Remove Styling from the Style menu, then reapply the formatting apart from the color.
Take a look at the CSS Menus QT tutorial to see how to set them up:
Remember if you don’t want an underline under any “state”
available, apply a “style” from the little circle drop down and then
make sure nothing is selected. That will add the CSS of “text-
decoration: none” which won’t underline them. Seems odd it doesn’t
do that already.
The Action does but if you style the text with a color it will
override it. If you want to change the color of the text in CSS Menus
do it through the Action Palette, not the Inspector palette or a
style. If the text has a color applied this way then remove the color
from the style (if you know how) or select the entire list and use
select Remove Styling from the Style menu, then reapply the formatting apart from the color.
Take a look at the CSS Menus QT tutorial to see how to set them up:
I should have separated the two better. The action palette does the trick for the CSS Menu’s and as far as site wide link states you’d use the inspector palette.
Lots or people find the way to do all this within CSS ways of approaching it. Some people still use tables.
If you are most ways through learning how to do it the new way – maybe its worth hanging in there!
If you are just starting out – your needs are simple and tables (non CSS button mode) just works – well … they work.
But regarding the link issues – that’s not relating to tables or not and needs to be worked through anyhow.
Joe’s answer is good.
There are so many ways that things can be done or effected that don’t work!
I realize I am missing something completely when it comes to CSS menus and link styles, but what???
No matter how I fiddle around with link styles, either in the inspector for a site-wide look or in the CSS Menu action, links have different appearances in different places, seemingly at random.
Also, links come up in with or without underlines depending on browser.
I don’t want ANY links to be underlined, just gray, with black text on hover and active.
I also asked a couple of times for tips on how to get CSS menu items to line up and distribute nicely, but it seems there is no help?
Do people usually arrange their CSS links as one html item per Main Menu or do you put your whole menubar in one single html box? Anyone use tables?
Is it possible to center the actual css menu? I have tried advises from Joe and from Dans Box_Model_Part_2.mov with margins and so forth, thanks both of you! but the menu items stays left adjusted.
Here’s an idea, insert a blank HTML box, center it like I did with the margin’s and then cut and paste the CSS menu box into the previously created box.
That should work. Automatically the CSS menu is set to float:left and you can’t over-ride that. It’s just how it goes. So you’d have to create a box, set the margins on that box to auto and then size it out and then put the CSS menu box in the first box.
Lots of box in a box in a box, but that should work.