On this site on the English home page and the French equivalent (accueil) I am getting the scroll bar on the right despite the fact there is nothing there. (I think). I can not see any element which is causing this. It is not too serious just that it results in that jump sideways as you navigate through pages. And I am just curious. Do I need to trash the pages and start over or is there a way of identifying what is invisble?
In Freeway, zoom way out, then try select all (Command - A). See if
something “lights up” with selection handles near the spot where you
are seeing this phantom height. Very likely there is a stray graphic
box or something like that with nothing in it.
Walter
On Nov 9, 2010, at 8:35 AM, Richard Lowther wrote:
On this site on the English home page and the French equivalent
(accueil) I am getting the scroll bar on the right despite the fact
there is nothing there. (I think). I can not see any element which
is causing this. It is not too serious just that it results in that
jump sideways as you navigate through pages. And I am just
curious. Do I need to trash the pages and start over or is there a
way of identifying what is invisble?
Hi Richard,
The layered item “petiteenseigne” is 456 pixels high which is causing
the scroll bar to appear. Try reducing the hight of it and see if the
issue goes away.
Handy hint: In Safari (Firefox or Chrome) right-click on your page and
select ‘Inspect Element’ from the menu. As you roll over elements in
the code view the corresponding elements should also get highlighted
in the original web view. Click on a block of code and you’ll be able
to see the element’s properties in the styles panel on the right. you
can now turn styles on and off (in this case the height) and see the
web view update as you do so. Using this feature makes it easy to
locate and correct errant items.
Regards,
Tim.
On 9 Nov 2010, at 13:35, Richard Lowther wrote:
Do I need to trash the pages and start over or is there a way of
identifying what is invisble?
Thanks Tim - that did it. And I am seeing more use in ‘Inspect Element’ So thanks there too
Alors the error I am making is to use Item>Transform>xx% which reduces the image but not the item?
I just fixed it by taking it back to 100% then dragged the box to the size I wanted and went to Item>Graphic>Scale and Pad (then tidied up with >Fit Box to Content) I am guessing though that this is not good practice and I should import at the size I want?
And if this is the case on what occasions would Item>Transform>xx% and Item>Graphic>Scale and … be best employed for?
BTW the navigation on this site makes use of the script in a post you sent a while back with examples of CSS Menus. Many thanks
And if this is the case on what occasions would Item>Transform>xx%
and Item>Graphic>Scale and … be best employed for?
You may want to set an image inside a larger container with a
background colour so the background acts as a matt or frame for the
image. This is where scaling the box content (rather than the box)
helps as you can adjust the image and the box separately to get the
effect you are after.
BTW the navigation on this site makes use of the script in a post
you sent a while back with examples of CSS Menus. Many thanks
This looks great. It took me a second to realise how you’ve managed to
use the transitions to get the line to animate over the menu text.
Regards,
Tim.
It took me a second to realise how you’ve managed to
use the transitions to get the line to animate over the menu text.
Ahh - As long you realise how I did it that’s OK. I thought I was just putting a line under on hover and that is what came up. I liked it so I left it. Serendipity. Maybe you can explain it one day when you write the guide to all things Freeway.