I am new to Freeway Pro and to web design in general.
I would like to know how to align to html items with text in them (one has a fair amount of content and the other is the address and email of the person). These should be aligned to the bottom of the html item they are both in and stay aligned regardless of amount of text in the “content” box or the size adjustments of individual viewers of the webpage.
Secondly I would like to add a line in between these two html items and this line should stretch depending on the amount of text in the html content box.
Hope this makes sense to someone… my brain is fried.
I’m having trouble visualizing your goal appearance… is it possible that
you can sketch out what you want and upload an image link somewhere? I’m
not saying that I can help, just that I can’t quite picture what you’re
asking.
–
Ernie Simpson
On Mon, Apr 30, 2012 at 7:49 AM, adellas email@hidden wrote:
Hello,
I am new to Freeway Pro and to web design in general.
I would like to know how to align to html items with text in them (one has
a fair amount of content and the other is the address and email of the
person). These should be aligned to the bottom of the html item they are
both in and stay aligned regardless of amount of text in the “content” box
or the size adjustments of individual viewers of the webpage.
Secondly I would like to add a line in between these two html items and
this line should stretch depending on the amount of text in the html
content box.
Hope this makes sense to someone… my brain is fried.
Sent you 2 screen shots in the link below of what I’m having trouble with…
On the left there is text. On the right there is the contact info/address/email. I want this contact info to always be exactly the same distance from the footer line regardless of the amount of text in the content boxes on the left.
Hope this helps… otherwise i’ll try explaining again…
I think that I can answer your question– there are several ways to do this. It would help a little to know how you’re trying to construct your page… are you using CSS Layout and nested html boxes (divs)? Send me the source code for your page if you’re not sure – my email is listed in my contact info (click my nickname).
On 30 Apr 2012, 1:15 pm, adellas wrote:
…On the left there is text. On the right there is the contact info/address/email. I want this contact info to always be exactly the same distance from the footer line regardless of the amount of text in the content boxes on the left.
Alex, thanks for sending me your page code. I can see that you’re using CSS Layout, but not nested divs. I made a quick example using nested divs here. It’s not crucial the divs be nested, just that we can find its parent element.
The answer in either case is CSS positioning. Freeway Pro applies the position that you set in the document as it understands. You used margins to tell the div how much space it needs around it, but that’s not quite the same as its position relative to the things around it.
What I did, and you can see in the examples at my link, is manually over-ride Freeway’s position attributes for that one div with the attribute position:absolute; and right and bottom measurements. Right click on the the div in my Freeway Pro file and select Extended to see the CSS that I added. In your document, you will need to remove the margins from your side box.
You can read more about CSS positioning at the W3 Schools website, or many other references no doubt.
