CSS menu

Freeway
21

Still no joy Waltd?

http://www.easthalldesign.com/reveal/dev6/face.html

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

22

Still no Joy Walter

http://www.easthalldesign.com/reveal/dev6/face.html

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

23

Try making sure that style tag is in the Before slot. It appears to be happening after that in the source order, so what’s happening is that the Action-generated style code is coming later in the page, and overriding yours. If it’s already in the Before /head section, then you’re going to have to get medieval on it:

<style type="text/css" media="screen">
  #fwNav1 .fwNavItem {
  width: auto !important;
  float: left !important;
  margin-left: 5px !important;
  padding: 0 !important;
  border-right: 1px solid #000 !important;
  border-top: 1px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 0 !important;
  position: relative !important;
</style>

Not sure which of those you’re looking to emphasize, but putting !important at the end of the rule makes it override a normally-stronger rule, like a head rule overriding an inline rule, for example.

Walter

On Feb 4, 2013, at 4:01 PM, Justin Easthall wrote:

Still no Joy Walter

http://www.easthalldesign.com/reveal/dev6/face.html

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

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

24

Thanks Walter - look now its gone mental! Haha

http://www.easthalldesign.com/reveal/dev6/ear-pinning-surgery.html

??

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

25

Have you tried the BAM Action? That might let you do what you seem to want. The issue here is that the submenu is trying to fit into the width of its parent, but the parent isn’t set to a defined width. BAM will let you draw an element to become your submenu area, that might be a lot simpler all around.

Walter

On Feb 4, 2013, at 4:14 PM, Justin Easthall wrote:

Thanks Walter - look now its gone mental! Haha

http://www.easthalldesign.com/reveal/dev6/ear-pinning-surgery.html

??

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

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

26

All I want is a gap in between the two buttons. Didn’t realise it was gonna be so hard. Thanks Walter I’m out for a bit but will try when back.

Thanks again

J

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

27

Aha. Now that’s subtly different than the CSS that Mark posted. What you want is this:

#fwNav1 > .fwNavItem { width: auto !important; float: left !important; margin-left: 5px !important; padding: 0 !important; border-right: 1px solid #000 !important; border-top: 1px solid #000000 !important; border-bottom: 1px solid #000000 !important; border-left: 0 !important; position: relative !important;

See that > in there between the two tags in the selector? That means only take the .fwNavItem class elements that are direct children of the #fwNav1 nav element. The other style rule you had there was applying to every .fwNavItem at any level of the tree. All submenu elements are ALSO .fwNavItem elements, so they were getting the float left behavior as well.

And you still have your style rule in the wrong block of the Page / HTML Markup dialog. The way it looks now, you have it in the After section, not the Before section. (It’s moved up the page hierarchy even further than before.) !important cures this, but better to only use that if you really need it. You should be able to make this style tag come later in the source order than the Action-generated menu CSS.

Walter

On Feb 4, 2013, at 4:56 PM, Justin Easthall wrote:

All I want is a gap in between the two buttons. Didn’t realise it was gonna be so hard. Thanks Walter I’m out for a bit but will try when back.

Thanks again

J

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

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

28

k - added the above almost there - STORE has its left border missing?

http://www.easthalldesign.com/reveal/dev6/face.html

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