You need to re-thinnk your approach to this layout. There is nothing there
that would suggest the use of absolutely positioned elements. Using them
will buy you far more trouble than you ever imagined at this point in your
learning curve.
Here are some suggestions for you:
1. Do not use file/pathnames that contain spaces. While the space is a
legal character, some browsers will interpret them to mean that the filename
has ended when they encounter one.
src="Sailing%20cropped%202.JPG"
(the %20 is a browser's way to try to 'protect' itself from your space
usage)
2. Be very cautious about using filenames with mixed case letters. Some
server operating systems (*nix, to mention one) are case sensitive, causing
"file.jpg" and "file.JPG" to be interpreted as two different images.
3. Don't resize images in the browser - they will
4. Consider using a simple, three column table to build this website's
layout. Each cell of this table would then contain nested tables with cell
layouts that accommodate your design needs.
5. Don't use points on the web to size your characters. Use pixels, em,
en, ex, percent, or font size names instead.
I'll see if I can get a table layout mocked up for you - we need to get rid
of those layers!
