[Pro] Crazy styles behaviour

I have styled a Moo Accordion Menu on my paster page. The heading has a H2 tag and the menu items in the list have the H3 tag.

The H2 tag is just a plain and simple Helvetica 12pt black. When I publish this text becomes bold and I have no idea why it is adding bold styling to the text.

Any ideas?


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

Any H tag is bold by default. You need to add a bit of extra style to it to make it normal. Just un-checking the B in the edit style dialog won’t do it. Press extended, then new. In the name/value dialog that appears, enter

  • font-style
  • normal

Then press okay, and new again, and enter

  • font-weight
  • normal

Okay out of the dialogs, and preview again.

Walter


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

cheer walt. Similarly I am trying to add spacing between my headings and the content when the menu expands. I tried padding 25px and margins same and again it didnt produce the results.

I assume i may be able to extend the styles but i aint clued up on styles (ie. acceptable names/values). Can you advise about this also? Im interested to learn more about this form of styling do you know any useful resources where I can learn more?

Thanks

jim


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

and the final thing i want to do is have all of the content as links and when you hover over it is underlined , not just the word but to the width of the container. guessing thats a simple ‘extended’ feature.

what would i be googling to learn more about styles like this?
adding extended style names?


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

Get yourself a good book - ask Santa if it is not too late for a Christmas delivery.

‘The Art and Science of CSS’ by Cameron Adams et al

But there are many to choose from.

David


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

And if you post a link to what you have already online we can help steer you in the right direction.

D


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

I followed the Dan Jasker MooTools Accordion tutorial for the menu build, here’s where i’m up to now…

http://tinyurl.com/377cn5e

I want to achieve the following:

  1. Change the colour/style of the heading to black bold, same size. ie. remove the blue underline.

  2. Remove the bold style from the content links when the menu expands.

  3. Add an underline the width of the container (not just the link word) to the content links when you hover

Will Amazon the books, cheers Dave, doubt i’ll see them til the snow subsides but im sure it will make interesting reading for the new year!

thanks

Jim


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

I have not watched Dan’s tutorial on this so some of it is speculation.

Change the colour/style of the heading to black bold, same size. ie. remove the blue underline.

1st thing is to look at how you have set your Page link styles - with nothing selected on the page click the 2nd Tab (paintbrush) of the Page Inspector.

Go down to the Links section - click the disclosure triangle to reveal the settings.

If you have nothing selected in here then links will default to blue underline so change the colours of the 4 states (Normal, Visited, Hover and Active) to the ones you want.

At the right hand of the colour selector you will see a U in the box. One click turns off the underline.

It can be very difficult to see the various states as you go through them - best to watch some linked text as you go through the various stages. (I think there are 3 settings)

Remove the bold style from the content links when the menu expands.

As this is an H3 style it automatically is Bold so you have to edit the style in the Style inspector.

The way I would do it so as to not alter every H3 style in my document would be this.

Style inspector Cog>Edit Styles

In the dialogue that opens choose your H3 from the list in the left column. Go to the bottom of that window where there is another Cog - click that and choose duplicate.

You will now have a duplicate called H3.style

In the name box (top right) change style to something more memorable like accordion.

Then click the Extended button to open another dialogue box. In here click New and add the name/value pair of font-weight/normal

OK the dialogues all the way till you are back out of the style inspector.

Now apply that new style H3.accordion to your content text.

As to an underline the full width of the content box - watch this space.

David


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

OK Jim

Here is an example http://www.deltadesign.co/examples/underline.html

Essentially some Page>HTML Markup with some extra styling info for your newly created H3.accordion style

D


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

I have styled a Moo Accordion Menu on my paster page.

Just remember Jim that if you have Moo stuff on your Master then every page will also have Moo.

And there are times that Moo and the standard FW actions (script/protaculous based) don’t play well together!

So if you have occasions where actions are not working right then that is where to look.

Walter created ScriptyAccordion ScriptyAccordion - ActionsForge for exactly these occasions.

And do let us know how you get on…

D


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