div length

Justin_Easthall · November 24, 2012, 2:37pm

Hi - me again.

See the image of the laptop and phone - this wraps below the SHOWCASE para - but then its creates that massive empty space? How do I get that para to fill across the top once the image has wrapped below it?

CHEERS!

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

Ernie_Simpson · November 24, 2012, 6:00pm

Maybe you changed something, but the image doesn’t wrap for me at all.

My suggestion, if you want this page to alter with the browser window width
try this: duplicate this page in Freeway Pro and setting that page width to
500px or whatever. Open the Style Editor and duplicate your stylesheet. Set
the new page to use the duplicate stylesheet. Move, resize, style (don’t
add or delete) the page items until you’re happy. Either upload the new
stylesheet manually or just leave the smaller page intact and FWP will
upload it automatically. Then go back to your actual page and change your
media query code to link to the alternate stylesheet like this:

–
Ernie Simpson

On Sat, Nov 24, 2012 at 9:37 AM, Justin Easthall email@hidden wrote:

Hi - me again.

See the image of the laptop and phone - this wraps below the SHOWCASE para

but then its creates that massive empty space? How do I get that para to
fill across the top once the image has wrapped below it?

CHEERS!

http://www.easthalldesign.com

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

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

Justin_Easthall · November 25, 2012, 4:16am

Yes sorry I was fiddling and adjusted - I would still like to know how that is possible though?

See here http://www.easthalldesign.com/demo1.html

Im messing with all kinds here but basically the SHOWCASE para once the image has dropped below it the para still stays at 20% when I would like it to now go all the way across?

Thanks again

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

Ernie_Simpson · November 25, 2012, 4:47am

Well, the Showcase text is all table layout… change it to html layout and
see what happens.

–
Ernie Simpson

On Sat, Nov 24, 2012 at 11:16 PM, Justin Easthall email@hidden wrote:

Yes sorry I was fiddling and adjusted - I would still like to know how
that is possible though?

See here http://www.easthalldesign.com/demo1.html

Im messing with all kinds here but basically the SHOWCASE para once the
image has dropped below it the para still stays at 20% when I would like it
to now go all the way across?

Thanks again

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

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

Justin_Easthall · November 25, 2012, 4:50am

If you mean CSS layout? Just did no difference…

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

Ernie_Simpson · November 25, 2012, 6:16am

No, look at your page code - the Showcase text is still in table layout.
Anything made with the CSS Layout button “off” will remain as table layout
even after the CSS Layout button is turned back “on”. You must locate all
the non-css items and check the css checkbox in the inspector.

div id=“item5c1” contains table elements.

See here http://www.easthalldesign.com/demo1.html

–
Ernie Simpson

On Sat, Nov 24, 2012 at 11:50 PM, Justin Easthall email@hidden wrote:

If you mean CSS layout? Just did no difference…

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

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

Justin_Easthall · November 25, 2012, 6:18am

Oh right ill take a look in the am.
Cheers

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

Justin_Easthall · November 25, 2012, 2:20pm

k - highlighted it and its def css now

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

Ernie_Simpson · November 25, 2012, 2:39pm

Sorry Justin – everything in the div “showcase” is still a table. <table>, <colgroup>, <col>, <tr>, <td> are all table tags.

See here http://www.easthalldesign.com/demo1.html

Showcase

eDigiSign

Website design, South Florida Company

Next generation digital signature solution. Modern and clean. Works beautifully on all smart phones, tablets and desktops.

In more detail here.

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

Justin_Easthall · November 25, 2012, 3:26pm

Must be Freeway refusing to change back I guess?

Ill try a force ‘publish everything’ see if that works

Cheers

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

Justin_Easthall · November 25, 2012, 3:27pm

Actually I just delete the bleed’en thing and replace

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

Justin_Easthall · November 25, 2012, 3:43pm

k - hopefully its not a table anymore!?

http://www.easthalldesign.com/demo1.html

Para still sites to the side once image has wrapped below. Which does not surprise me I guess, because its set to 18%. I guess I need to change that to 100% but if I set it to that then it shoots across to 100% pushing the image below straight away…

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

Justin_Easthall · November 25, 2012, 3:44pm

http://www.easthalldesign.com/demo1.html

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

waltd · November 25, 2012, 7:09pm

Remember, if you use the Graphic Effects segment of the Inspector’s Style tab (rounded corners, shadows, translucent background), you can get a table in your otherwise layer-based page, and the only way to get rid of it is to remove the effect.

Walter

On Nov 25, 2012, at 10:43 AM, Justin Easthall wrote:

k - hopefully its not a table anymore!?

http://www.easthalldesign.com/demo1.html

Para still sites to the side once image has wrapped below. Which does not surprise me I guess, because its set to 18%. I guess I need to change that to 100% but if I set it to that then it shoots across to 100% pushing the image below straight away…

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

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

Justin_Easthall · November 25, 2012, 7:22pm

That might explain that one - anyway sorted. Now just would love to know who to get a div to fill that area once an image (or anything else) has wrapped below it…

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

davedesigner · November 25, 2012, 8:25pm

Justin,

On an iPad the Holiday Deals badge ends up covering your main strap line so it reads "Web Design Mac Simple

Just so you know.

David Owen

On 25 Nov 2012, at 15:44, “Justin Easthall” email@hidden wrote:

http://www.easthalldesign.com/demo1.html

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

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

Justin_Easthall · November 25, 2012, 9:05pm

yeah I know Im just messing at the mo - thanks though

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

Ernie_Simpson · November 25, 2012, 9:50pm

Okay, I looked over your example page again and there are a lot of bugs in
the layout you’ll have to deal with. Primarily, you are mixing percentage
widths and fixed widths… you cannot do that without creating unstable
layouts. Remember, padding and margins and borders are all calculated by
the browsers.

I took the time to fiddle that one section into something workable:
http://cssway.thebigerns.com/workbench/du_jour/justin-mediaQ/index.html

Vertical fixed margins are okay, mostly, but the horizontal fixed stuff has
to go. I updated the media query code to reflect device width and
orientation for an iPad in portrait mode so adjusts well. I deleted
Freeway’s iPhone scaling code which I think you can disable in the prefs.
Then I added the regular screen media query code which works in my browser,
but I’m not sure about how it appears on mobile non-iphone devices.

I also added, as a matter of best practices, max-width limits on percentage
sized items.

The page code is commented up, but I will try to check in for any questions
as I can.

–
Ernie Simpson

On Sun, Nov 25, 2012 at 4:05 PM, Justin Easthall email@hidden wrote:

yeah I know Im just messing at the mo - thanks though

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

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

Justin_Easthall · November 25, 2012, 10:03pm

Nice one thank you. I have to move over to a new project today but I am going to check this out Mon, Tues looks interesting esp the fact you have got that para to move across when image drops below - dying to know how you did that…

Thanks again really appreciated. And Ill get back to this over the next couple of days

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

Justin_Easthall · November 29, 2012, 6:37pm

Ooooo! My am I having a nightmare of a time with a client! Makes me wanna give it all up!! Jess.

Anyway Sorry Erns will get back to this once Im done

Cheers

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