Layers, Links and other stuff!

I hope to be able to tap into everyones wealth of knowledge once again. I’ve given up on the footer malarky, just can’t get it to work after trying all the suggestions (probably I’m just thick) - but here is my next dilemma.

I’ve designed my webpage and all looks great but, the main text area when enlarged in the browser pushes the footer down as meant to as does a separate (coloured) box to it’s right side which contains all my quick links. These are not layers so it works - but I need the links in this coloured box to be a different colour to the general a:link etc on the rest of the site but those options are not available unless I make that box a layer.

When that box is made into a layer and the browser enlarges the text, all is well until the links box expands over the top of my footer bar.

I used an action to set the colours but freeway throws up all sorts of alerts and faults when trying to publish the page - so what do it do?

Picture included to show what I a want to preserve
http://www.hauntedland.co.uk/prototype.htm


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

What is the link to the actual page web to see what’s going on?

I have a download-able example here to explain the basic principal of creating a footer that moves down with extra content, or if the text is re-sized:
http://www.ineedwebhosting.co.uk/examples/resizeme.html

David

On 17 Jul 2008, at 09:41, Lee Foster wrote:

Picture included to show what I a want to preserve

David Owen
Freeway Friendly Web hosting and Domains ::
(Test Drive a web hosting account for Free)

http://www.ineedwebhosting.co.uk

http://www.printlineadvertising.co.uk/freeway

Hi the site is still on hard drive at the moment but I can put in on tomorrow as not home until then.

It wouldn’t be so bad if the Freeway action for colouring links didn’t throw it into a panic when publishing. So using layers does not work on this. Some pages are very long and some short which is why I use php on my current version of the site and it’s simple. The process is much harder with freeway.


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

This is the link to a working prototype. As you will see when enlarged the text pushes my grey box over the footer as this is a layer. This doesn’t happen when it’s not a layer but then I can’t colour the text links without using the action, which FW doesn’t appear to like.

http://www.hauntedland.co.uk/prototype.html

Any suggestions?


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

The way to do this is to create in-line divs (HTML items) to design the page, and not tables. If you checked out and downloaded my example, you will see is made up of divs (HTML item). In Freeway these can be a bit fiddly to set up, but when you’ve mastered the technique you will find making footers that stretch down with content easy to produce.

With the Blue CSS button on, Create a large HTML box (div) then click > insert HTML item (and float left) to make you first column - pad and margin to suit your design. Add your content, make sure all heights of HTML items have no height - greyed out (FW5). And you will then see the content flexing with more content - or as text is re-sized.

Each div can then have different link styles if you need them.

If you look/download my example and study it, it will help you get the idea how these inline divs work and are created.

Web designers are now working this way as the preferred method to create whole page layouts using divs, rather that tables ( BTW there are times when tables are needed for tabular content)

On 18 Jul 2008, at 13:41, Lee Foster wrote:

This is the link to a working prototype. As you will see when enlarged the text pushes my grey box over the footer as this is a layer. This doesn’t happen when it’s not a layer but then I can’t colour the text links without using the action, which FW doesn’t appear to like.

http://www.hauntedland.co.uk/prototype.html

Any suggestions?

David Owen
Freeway Friendly Web hosting and Domains ::
(Test Drive a web hosting account for Free)

http://www.ineedwebhosting.co.uk

http://www.printlineadvertising.co.uk/freeway

That’s great David. I can finally start to build my site properly. Cheers!


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

Is there a limit to how may divs can be inside another div (deep wise)? As to get close to my original design seems to employ lots of divs now!

What I thought was a simple design has become quite complex to set up (basically a left column with title, vertical divider line then right column for links and footer at the bottom - that’s all I wanted. When I used include php in Dreamweaver it was so much easier, i dont understand why freeway has not simplified what is a standard part of most websites - that is simple footers that allow expansion.

http://www.hauntedland.co.uk/prototype.html


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

But your existing design was using many tables, its just that Freeway was hiding them. It would me efficient to use as little as you can, and make good use of padding and margin, and background images/colours to style the design.

You could get away with 4 divs (HTML boxes) for the bottom (below the header) part of your site that you need to stretch down.

Div 1, To surround the following
Div 2, Left hand column - float left
Div 3, right hand column - float left
Div 4, footer - float left - clear both

The divider line could be set just a left or right hand border on divs 2 or 3, depending on which you feel would always be the longest column.

On 20 Jul 2008, at 10:58 am, Lee Foster wrote:

What I thought was a simple design has become quite complex to set up (basically a left column with title, vertical divider line then right column for links and footer at the bottom - that’s all I wanted.

David Owen ::
Freeway Friendly Web Hosting and Domains
http://www.ineedwebhosting.co.uk

Hi David

I’ve almost cracked it except for one annoying thing that I can’t seem to figure out.

I’ve got the design I want following your guide and all looks fine in page mode, but in preview and in browser my Div 3 (right column) drops below the left column and above the footer instead of staying in place at the top right hand side - what have I missed?

Cheers

Lee


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

A-ha, it was the style sheet I used to style the text! I used left and right indents in there instead of just padding the div. The indents made the div bigger when previewed though I dont know why it didn’t in page mode?

Anyway, sorted. But any other styling tips would be appreciated.


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