hey all,
I’m trying to recreate a site that was written in html(www.sumnerdavis.com/home.html).
The page itself is set as 100% to fill the entire screen.
I understand how to set a page size, and align it.
I’m not quite getting the best way on setting up a page to be full screen like the link above, and be able to put graphic items on the far left(far left of teh screen), and (far right).
If I make the page like 900 in width, I can obviously get an image or logo to go far left of page, but how to you make it so you can also set something on the far right? Or is there a particular setup to be followed in order to accomplish this?
As far as the heading is concerned it’s made up of two pieces. The logo on the left and a background graphic next to it. To recreate just that much of the design with CSS layering, start with a blank Freeway page that is 1200px wide and add an html box at the top that is 129px tall. Add two inline html boxes to this main html box and set one to float left and second to float right. The left box size to 199px x 129px. The right box size to fill the remaining space. Add the logo to the left box, and the background graphic to the right box. Preview.
chuckamuck,
2 questions.
What do you mean inline? Just 2 html boxes inside the main one?
And when you say float left, float right…
are you referring to just positioning manually, or is there supposed to be something in the inspector that I should be using to float it.
Inline means to insert an html or graphic box inside another html box by click to get a text cursor and using the Insert Html (or graphic, or table) from the Insert menu.
Float options are in the Inspector pallet. Click on an inline html box and you will see the dropdown menu option in the Inspector pallet.
chuckamuck
I’m missing something… I can only seem to get one inline html box into my big box. AfterI do the (float left inline), the cursor won’t show inside where I want to put the 2nd inline(to float right), it blinks outside my original html box and below it.
I’m drawing a big html box, and then getting cursor, and drawing my inline, but upon 2nd inline, it won’t let me.
Does it have to be html or can it be graphic?
I’m drawing a big html box, and then getting cursor, and drawing my inline, but upon 2nd inline, it won’t let me.
Does it have to be html or can it be graphic?
First of all, don’t “draw” the inline html box. You have to use the Insert HTML option found under the Insert menu at the top of Freeway’s window. You have to use html boxes inline because graphic boxes do not have float settings. Once you have the html boxes inline, then you can “insert” graphic objects using the same insert technique you use for the html boxes.
Chuckamuck,
I got that, I just don’t get how after you insert the first inline, how do you place the 2nd inline? It seems to always display a cursor underneath my first one, but won’t let me choose where to insert the 2nd.
Chuckamuck,
I got that, I just don’t get how after you insert the first
inline, how do you place the 2nd inline? It seems to always
display a cursor underneath my first one, but won’t let me choose
where to insert the 2nd.
It doesn’t really matter where you insert it. When you choose
Float>right in the Inspector, it’ll end up in the right place. (If
the first one is floated left, that is.)
and if when I import the graphic, one shows up fine, the other just
has no image, and just an outline of an X?
what am i doing wrong?
That sounds as though you’re using a pass-through image and the box
isn’t big enough to hold it. Try hitting Apple-Shift-D to fit the box
to the content.
paul,
k…
so this may be a dumb question… Instead of doing the html, and inline 2 htmls, and importing graphics… What If I just make an html box, and draw 2 graphic boxes, and place one far left and far right, and import images. Is there a big difference?
so this may be a dumb question… Instead of doing the html, and
inline 2 htmls, and importing graphics… What If I just make an
html box, and draw 2 graphic boxes, and place one far left and far
right, and import images. Is there a big difference?
Perhaps not, unless you have a flexible width site. If you do, they
need to be floated so they’re always at the left and right ends if
someone enlarges the browser window.
I’ve put together a sample Freeway 5 Pro page following the SDA page you supplied. Although I ran out of time and couldn’t finish getting the CSS styling on the menus just right, it’s pretty much of the way there. I also did not include the Flash animation.
You will notice that the sidebar menu is on a separate layer than all the other pieces. The reason for this is so the popout menu structure does not get covered up.
Also, there is one major flaw to this design. Once the flash file is added the popout menu will not work correctly. The way it was done before was with a javascript file.
Chuckamuck,
wow… thanks so much for the input and advice. That is great, I will follow that model. I’ve just been getting my head around Freeway this week. I’m coming from Dreamweaver, but am loving this program. I am just slow at getting when to have CSS turned on, when things should be html or graphic, etc.
I did get a sample of this site going, with graphics sitting far left and right, which looked great in safari and firefox, but I didn’t know if I should trust it since I didn’t do it by the inline html way.
I am just slow at getting when to have CSS turned on, when things should be html or graphic, etc.
There really are very few instances where turning off the CSS formating makes sense. Learning the nooks and crannies of Freeway is a job in itself and takes time to get used to, but once you do you can design just about anything you see on the web with Freeway once you know how to tweek and twiddle the Freeway way of doing things.
I did get a sample of this site going, with graphics sitting far left and right, which looked great in safari and firefox, but I didn’t know if I should trust it since I didn’t do it by the inline html way.
In the end the only thing that is really important is that the end result works for you or your client. Just do what works.
