CSS menu

PROCEDURES - STORE menu top right - I have applied a black border around each button then placed a 5px white divider in between to push the two apart - heres the prob - it now ‘eats in’ to the black border? So if you hover over PROCEDURES it has a black border on only 3 sides?

Am I doing something wrong? Must be! Please help cheers!

Loving the Master pages in 6 this is my first box model working with masters - it seems great so far…

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


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

Oh using the css menu action of course


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

How did you define the borders? Just in the action I assume? Have you tried making the black border 5 or 6 px?

What exactly do you love about the new masters? What is so different from FW 5.6? I am asking this because I am curious about the biggest advantages of FW6


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

I think you can also try to set the width of each ‘button’ a little bit smaller in the css menu action.


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

Yes in the action - No I haven’t - I dont want big black borders only 1px borders - I want to separate the two boxes?


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

K - Ill try that

Thanks


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

Didnt seem to work Walt
http://www.easthalldesign.com/reveal/dev6/face.html

?

Cheers


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

OK hope it works. Can you tell me anything about the advantages of the new masters?

Besides that, very interesting: I’m in The Netherlands, and now see your based in Florida! Good morning, it’s cold outhere.


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

Mainly - that you can build a box model layout as a master page - then when you edit pages made from that master it does not break it so the footer will stay the same etc… thats huge.

Im editing the menu only on the master - yet its applied through out all the pages even though I have changed the content on each page.

You can also reapply parts of a master page.

Its the afternoon here and BOILING hot.


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

That’s very handy, I now understand its advantages. What are the basics of a item in this box model? Do you set everything in percentages? And alignment: none. Are that the basics?

Concerning your css menu; I would experience with some different settings. But must say I can not think of an instant solution.
There must be someone who has experienced exactly the same!

I am sitting with my iPad, watching CSI Miami!


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

I mean experiment with settings!


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

normally I set to fixed width with no height.


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

Can anyone help? I need to demo but want to sort this out first - cheers


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

Justin - I’m no expert at this, so there might be a better way, but you need to add a margin to the items. I did it through the browser inspector with this code below. (changed border left to 1px solid black, and added margin-right: 5px) at it worked/looked fine.

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

Now if it can’t be done in the action, you might have to add the style as ‘extended’ css to the item or head of the page. (I have done some styling before with the menus and had to add to the head of the page so this might work).

Good luck


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

Thanks Mark - if you could let me have the mark up in its entirety - Ill stick it in the Head.

CHEERS


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

border-right: 1px solid #000 – not left Doh!


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

It’s all there in that para below Justin - it just hasn’t added it to the code box - don’t know how to do that on this forum. sorry


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

All that code just appears on top of the actual page?

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


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

k - added the missing bit still but no joy

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


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

No, like this:

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

Walter

On Feb 4, 2013, at 3:49 PM, Justin Easthall wrote:

All that code just appears on top of the actual page?

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