Not sure if this is possible or if there is an alternative way to do it. I am in the process of a site and want to have a solid strip as the header running the full width of the browser. I have achieved this as normal by drawing the bar a fill colour in Intaglio and then setting it as the background image and tilling horizontally.
My problem is I would also like a 3.5 cm bar running from the header right down so it touches the footer. Obviously I cannot achieve this buy putting on the same image as the header strip or it would tile it across the page as well.
I have tried putting an layered HTML box in which also causes a few problems and will leave a gap at the bottom due to editable content being inserted with WebYep.
Is there a way to have two background images selected? I seem to think I have seem something about this somewhere but can’t remember.
Or any other idea to achieve it would be really appreciated.
The only browsers that can handle multiple background images are
Safari and maybe Chrome. So Freeway doesn’t let you set multiple
background images, even though the CSS3 spec allows it. If your page
is not centered, then you can create the look you’re going for by
drawing an HTML box across the top of your page in Freeway, setting
the width (in the Inspector) of that box as 100%, and applying your
background image to that box (in the paintbrush tab of the Inspector,
while that box is selected). Then you can apply your vertical tiling
stripe to the page itself, and you’re all done. If your page IS
centered, then there’s some additional tricks you have to do, but you
can still do it.
Walter
On Jan 18, 2011, at 4:38 AM, Phil Greenaway wrote:
Is there a way to have two background images selected? I seem to
think I have seem something about this somewhere but can’t remember.
If your page IS centered, then there’s some additional tricks you have to do, but you can still do it.
I was thinking of maybe a tiled image for the top horizontal bar, and a 3.5cm border (in px!) on the left side of the main content container, which would then expand with that container?
Thanks both v.much for your suggestions. Had not thought of these and will give it a go when get in. Def sounds like what I am looking for. The page us centred so will have a play around with it.
In order to do a full-width stripe on a centered page, you need to do the following:
Change the page to Align: None
Draw an HTML box the full width of the page, and send it to back. Set its width to 100%.
Select all of the other elements on your page (except your header), group them, then Cut the group to the clipboard.
Double-click inside the 100%-width box you drew in step 2, so you see a flashing text cursor, and Paste. Click once on the group so you see handles around it, and set its margin to Auto.
That gets you a centered element on an indeterminate-width page. There is no other simple way to create this sort of layout in Freeway.