Text is landed on top of each other in Firefox. Safari, Opera and Chrome are fine. Explorer, naturally, I can’t find out. Can anybody explain what is happening? The page: http://www.sensual-photos.com/ordering.html
I’m grateful for any suggestions. Thanks.
Text is landed on top of each other in Firefox. Safari, Opera and Chrome are fine. Explorer, naturally, I can’t find out. Can anybody explain what is happening? The page: http://www.sensual-photos.com/ordering.html
I’m grateful for any suggestions. Thanks.
If I try to load this in Safari, Safari quits instantly!
Works fine for me in Safari, Firefox, Opera, Camino. In fact, I can only see that the lower curve of the cap S in Sensual disappears. What text is ‘landing on top of’ other text?
Works fine for me (no text overlapping) in Safari 4.0.4, Firefox 3.5.5, Opera 10.10 and Chrome Beta (Snow Leopard).
Nathan Garner
Creative Director
Austin Wells Design Limited
One Elmgate Drive - Littledown - Bournemouth BH7 7EF
t 01202 301271 e email@hidden w http://www.austinwellsdesign.co.uk
Member of NAPP
On 11 Dec 2009, at 09:54, Paul Bradforth wrote:
On 11 Dec 2009, at 09:32, Jon wrote:
Text is landed on top of each other in Firefox. Safari, Opera and Chrome are fine. Explorer, naturally, I can’t find out. Can anybody explain what is happening? The page: http://www.sensual-photos.com/ordering.html
I’m grateful for any suggestions. Thanks.
If I try to load this in Safari, Safari quits instantly!
When I load the homepage - Safari instantly quits. Chrome loads fine.
Nathan Garner
Creative Director
Austin Wells Design Limited
One Elmgate Drive - Littledown - Bournemouth BH7 7EF
t 01202 301271 e email@hidden w http://www.austinwellsdesign.co.uk
Member of NAPP
On 11 Dec 2009, at 09:54, Paul Bradforth wrote:
On 11 Dec 2009, at 09:32, Jon wrote:
Text is landed on top of each other in Firefox. Safari, Opera and Chrome are fine. Explorer, naturally, I can’t find out. Can anybody explain what is happening? The page: http://www.sensual-photos.com/ordering.html
I’m grateful for any suggestions. Thanks.
If I try to load this in Safari, Safari quits instantly!
Thank you all, for your comments. This is strange; Browsers quitting (!) and Firefox working fine with others. Please, any suggestions what is happening? Is there any way of embedding a screenshot on this board, so I can show what is happening from my side? Thanks, Jon
Or you can sign-up for Adobe’s BrowserLab – again a static image, but with a ‘2-up’ view you can compare. Plus it has Onion skin view which is excellent.
Thank you for that, Delta Dave. An update: On all the other pages I have set Georgia as the font, but for some reason I’ve left the font on the order page to “proportional”. Some weeks ago I changed the default font in Firefox from Times
to Verdana, so this must be the reason for the mishap. It’s all my fault, on my machine. Sorry, folks. But I am still a little confused why Firefox should interpret the font as Verdana… And the Safari quitting is still a mystery and somewhat scary.
The box model series, vol 1 will be free on my site down the road. Right now I’m re-encoding them all and that’s why they aren’t there anymore. Don’t worry. Both free and paid screencasts will be found on my site, probably more free than paid.
But with about 8,733 downloads (total downloads across all videos since 12/01/09) from people benefiting from all of my FREE screencast’s, it’s hard not to try to make a little something off of them for the time I spent.
As far as this thread:
One other problem I see on the ordering page is that ‘Captcha Codes’ off near the pasteboard is still on the page in Firefox so you can scroll all the way over to the right and your site disappears. Delete that to bring the scroll-bars back.
Also, my Safari doesn’t quit when loading this up. Perhaps it’s been adjusted.
Please help!
My background colour is Burgundy red.
A white background, round cornered box holds the page info.
On this box I am trying to place graphic objects and html boxes (the
page information).
Strange things happen to their position and/or stripes appear
horizontally through the page.
Whenever anything overlaps I get this problem, so I need to understand
the principle of
how to overlap items to avoid this problem.
I’ve managed to create a white panel where all items are visible and
don’t break apart,
but then the white panel does not move when the window is resized… http://www.jamesmarshallgolfacademy.co.uk/shop.html
It doesn’t look like you are because your different pages are set with different alignments - this is part of your problem.
I think I would construct my Master page with an HTML box with the round cornered box as a background image - sized large enough to accommodate the page with the most content.
If you reduce the width of your navigation buttons dramatically (just a bit wider than the widest text you will have in them) then you will be able to have a wider white box in the middle without spoiling your look. (Which I think is good).
You also have quite a mix of HTML and graphic text and you should decide which way you want to go - html for SEO or graphic for looks.
Because you have created the page in Table Layout mode you will get more problems (stripes appear horizontally through the page)
If in the View Menu you turn on HTML layout you will see the places that are likely to break apart.
Sometime around 11/12/09 (at 12:46 -0500) Jon said:
for some reason I’ve left the font on the order page to “proportional”.
Some weeks ago I changed the default font in Firefox from Times to Verdana
I am still a little confused why Firefox should interpret the font as Verdana
“Proportional” simply means “not mono-width”; the horizontal space
each character takes is proportional to its shape. A letter i takes
less width than a letter M, for example.
Mono-width or fixed-width fonts use the same horizontal space for all
characters. A letter i will take the same space as a letter M.
Courier is a mono-width font. Times, Helvetica, Verdana, Georgia, and
roughly 99% of all other fonts are proportional-width designs.
So - specifying “proportional” as the typeface simply tells your
browser to use whatever it wants to as long as it isn’t a mono-width
face. That’s all. Normally browsers default to Times. However, your
copy of Firefox was told to use Verdana as its default… so it did.
That’s still a valid proportional font, remember.
Dan J and thatKeith: Thank you, that was a lot of useful information. Like the “proportional” stuff. I have just changed it to whatever font I wanted to use and never thought more about it. I learn something every day…
Your solution for the background works fine now (background image with
masthead and main text box) - thanks.
BUT… when I place any boxes onto the Master page the View > HTML
shows me there are dotted lines
around the boxes, all finishing in the top left. When Previewed, the
boxes don’t move when the window is resized.
They stay put on the left of the screen. I’ve tried checking “layer”
and unchecking but that’s not working.
Again, I don’t understand why the HTML boxes/images placed on the
Master page behave like this.
Advice would be much appreciated.
Thanks,
Adrian
On 12 Dec 2009, at 16:33, DeltaDave wrote:
Are you working from a Master page?
It doesn’t look like you are because your different pages are set
with different alignments - this is part of your problem.
I think I would construct my Master page with an HTML box with the
round cornered box as a background image - sized large enough to
accommodate the page with the most content.
If you reduce the width of your navigation buttons dramatically
(just a bit wider than the widest text you will have in them) then
you will be able to have a wider white box in the middle without
spoiling your look. (Which I think is good).
You also have quite a mix of HTML and graphic text and you should
decide which way you want to go - html for SEO or graphic for looks.
Because you have created the page in Table Layout mode you will get
more problems (stripes appear horizontally through the page)
If in the View Menu you turn on HTML layout you will see the places
that are likely to break apart.
Background image successfully added to Master page.
Now trying to add items that move when the window is resized.
I have uploaded a basic example of the problem… http://www.clubtype.co.uk/jmtemp
Nothing I do works. It’s driving me insane!!!
Adrian