Working on Pro7 site, first Pass-thru graphic inspector lists 3 choices in measurements (align, width, Height including options like ‘baseline’. This graphic is in the Hero wrapper of the master page. First graphic reduces in full width fully across Firefox/safari when 'show in browser.
A second Pass-thru graphic inspector (in the main wrapper of the About page) lists 4 choices (and very different options in each, not at all like the first one)… Result is unable to get 2nd image to reduce in size, which it needs to do for 320 px… Have adjacent paragraph of text that will move over it unless I move it to far right of page. That is not happening to what is on the master page and home page. What’s causing the different inspector window measurement options??
site is temporarily at http://caman89.home.comcast.net/~caman89/about.html
As I recall the template was built from scratch in accord with the tutorial but i’ve built so many different ones the past 2 weeks it does get confusing.
It appears that you have set a defined height for Family5 and that is why your hero image is not scaling down in proportion when you reduce browser width.
#Family5 { height:96.92%;
Check this as the height should be undefined and the width: 100%
As far as Pa in the chair goes - this image is placed in a Table construction - I suggest you cut it and insert a Div to contain your image.
undefined and 100% are not available options
in the inspector only fixed, fixed%, flexible, minimum, minimum%
Table construction is an unfamiliar aspect/word as is Div so can you enlighten please
both images created according to tutorial. Inside the wrapper create an html file, inside the html file create another one and se insert command to select a pass thru image. That the process used. no code writing
undefined and 100% are not available options in the inspector
minimum for the height
set a fixed% of 100% width
Table construction is an unfamiliar aspect/word as is Div
When you ‘draw’ an item with the CSS Button On (CSS Layout) you get a Div (ision)
With it set to CSS Button Off (Table Layout) you get a table construction to position your elements.
But difficult to tell from your page whether you have followed the instructions ie ‘click inside an element until you get a flashing cursor and Insert>Html’ Item or not.
It doesn’t look like the Yelp item has been inserted that way.
One of the important things to think about if you are working in FW7 is not to forget the additional Tabs along the top of the page that will show you how your layout will look at alternate sizes. The defaults are 320, 480, 768 and whatever your starting width was.
Get your layout correct at the Default size and work down if you are just starting out with this. As you get more experienced there are greater minds than mine that suggest you should work up.
DeltaDave…(thanks, on return, but its not usable as received as a string of code as I have no idea how to apply or use it. See email)
I understand the software shows the red area excluded and the area readable. But I do not grasp what I’m supposed to do in regards to its use. Assume default page 1000 px and the most likely viewer may be at 320, then I do something different at 320 with that section chosen in FW ??? Change some work ONLY in that width? Move stuff or whatever? Does that mean making changes in the inspector ONLY for the 320 setting instead of working IN the Default setting??
Assume default page 1000 px and the most likely viewer may be at 320, then I do something different at 320 with that section chosen in FW ??? Change some work ONLY in that width? Move stuff or whatever?