I’m working on a 1 page “vertical site” and use the inline box technique. What I want is a fixed header (with the menu in it) is there a simple way to accomplish this? and everything stays aligned centre?
Tag Name: .fwNavContainer1
Extended Styles: width: intrinsic; margin: 0 auto
Select the #Header element and choose menu Item > Extended, and create
these new styles…
position: fixed
z-index: 99
Select the #SegmentOne element and set the top padding to 77px.
Finally - the body element has 10px margin all around… please remove it.
Victory dance!
On Sunday, August 18, 2013, Erik email@hidden wrote:
Hi there,
I’m working on a 1 page “vertical site” and use the inline box
technique. What I want is a fixed header (with the menu in it) is there a
simple way to accomplish this? and everything stays aligned centre?
You can also do this by placing a CSS positioned item at the top of the page and changing the Position option to Fixed. Make it 100% wide and place a centered fixed width inflow item inside it to contain the centered content. Don’t forget to add a top margin equal to the height of the fixed item to the first inflow item in the page!
Looks good, but I’d devise a way to get the user back to the top of the page once he or she has clicked on a link. Otherwise, they’ll be a lot of scrolling involved.
Followed your steps, but the result is that the pictures is fixed at the top and my Header with menu is gone.
Select your header item and look under Item>Extended - have you put z-index:99 and position:fixed under the Div tab?
If so delete them and add z-index:99 under the Div Style Tab instead. You can use the Inspector to change Absolute to Fixed in Window (just under the Name/ID box)
That should get your Menu back and then we can look at the rest.
If your link is correct, and you have made no edits since your last
posting, then I would have to say that you did not follow my instructions
at all. Aye, yi, yi…
FIRST… ALL THE FIRST LEVEL INLINE ITEMS (#Header, #SegmentOne, etc. etc.
through to #Footer) HAVE ALL BEEN FLOATED LEFT. THIS IS REALLY NOT HELPFUL
BECAUSE IT SCREWS WITH THE POSITION ATTRIBUTE. SO, UNDO IT.
SECOND… YOU HAVE INCORRECTLY MODIFIED THE HEADER ELEMENT, AND THAT MAY BE
PART MY FAULT FOR NOT INSTRUCTING YOU TO MODIFY THE “DIV STYLE” TAB (FWP
HAS THE “DIV” TAB SELECTED BY DEFAULT WHEN EXTENDING STYLES FOR AN HTML
ITEM). GO BACK TO THE EXTENDED ITEM FOR THE #HEADER ELEMENT AND UNDO THE
POSITION AND Z-INDEX SETTING, THEN CLICK THE DIV STYLE TAB AT THE TOP OF
THE WINDOW, THEN REDO THEM BOTH.
THEN, GO BACK OVER ALL OF MY PREVIOUS INSTRUCTIONS.
On Monday, August 19, 2013, Erik email@hidden wrote:
Hi Erns,
Followed your steps, but the result is that the pictures is fixed at the
top and my Header with menu is gone.
In segment FAQ I import a Markup element (html script of accordion) it uses a different style sheet in the same page
can I use the action"external style sheet" for this?
I would try inserting the form as markup code as well. Freeway Pro has what
I think of as a bad habit of coding forms as if the whole page were the
form. (Better form tools has been on my list since FOREVER)
Also, double-triple-check any markup code that you insert - spelling
mistakes and improperly-written code can also gum up the works.
(I would also not use a table to layout the form… CSS can make the form
appear as you like.)
If only the answers were as simple as a button click. Welcome to The
Learning Curve… it’s all uphill from here
–
Ernie Simpson
On Tue, Aug 20, 2013 at 6:57 AM, Erik email@hidden wrote:
As soon as I insert the markup element with the HTML code, my send form
section doesn’t work anymore, can’t they work together?