If you’re trying to make the tabs all add up to be the exact width of
the outer container, I’m not sure you can do that with this Action.
You can align the tabs left, right or center, but they take on the
width of their words plus whatever padding you’ve added to them.
If you wanted a menu with X number of tabs, each one 1/X wide, it’s
certainly do-able in hand-coded CSS, but I don’t see the controls in
the Action to give you that result. If you specify a width, you can
only do so in pixels or ems, and as you have noted, that’s not fine-
grained enough for this. You ideally need to specify the width of the
tabs in percentages, and then it will line up very neatly.
One thing that you can experiment with is using a background color on
the HTML item you apply the menu bar Action to, rather than setting
any background color in the menu itself. That way the background will
stretch all the way from one end to the other.
Another thing you can do is if you are using borders on your tabs is
to remove the left-most and right-most tab borders with CSS. Then if
you apply a border to the left and right side of the parent HTML item,
you will get the look of contiguous tabs, and only the very sharpest
of eyes will spot that the last tab is really a couple of pixels wider
than the rest.
Open Page / HTML Markup, and paste in the following code in the
Before /HEAD section of the page:
<style type="text/css">
#fwNav1 .fwFirstChild { border-left:none; }
#fwNav1 .fwLastChild { border-right:none; }
</style>
Note that this style will only apply to the first nav menu on the
page, you will have to look through your published source code to see
if there is also a fwNav2, 3, etc. in cases where you have more than
one menu on the page. But you should be able to get the look you’re
after if you use this technique along with a custom border on the HTML
box, and remember to set the background color on the box, not the
individual tabs of the menu.
Walter
On Jul 17, 2011, at 8:03 AM, Michael Coldereo wrote:
I tried reducing my width to 960, but again I can not align the CSS
horizontal menu to my header, if I put one more pixel the last word
button goes below, if I reduce 1px it doesn’t align again.
Also tried Option/space for the last word, still no results. It just
needs a tiny space to align.
The only way I can make it right is by adding another CSS menu for
the last word in the same parent element, which does not look very
good.
What might be the problem? Why don’t you try to put a header of
960px and below to include CSS horizontal menu, my font is Trebuchet
MS bold 14px,
I pretty much like this CSS menus so I will be glad if someone can
make it right and comment on what I am missing here.
cheers
On 17 Jul 2011, 10:40 am, DeltaDave wrote:
I can’t help feeling that 1000px is a bit on the wide side when you
bear in mind the capabilities of moblie browsers.
I would work at 960
Have you tried adding non-breaking spaces either side of your menu
text to pad them out? Option/space
David
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