Layout not loading

[blakeuk]

The main layout seems to be working - [url]http://christianworldwideministry.org[/url]

However when i try to use the same layout on some other pages, it dosnt seem
to be working - [url]http://www.christianworldwideministry.org/study2.html[/url]

Any idea how I can get the layout to work properly?

Many Thanks

Andy

[byardaj]

The main page loads the stylesheet like this:
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
and the study2.html page does this:
<link rel="stylesheet" href="file:///C|/Documents and
Settings/user/Desktop/style.css" type="text/css" media="screen" />

Spot the difference :-)

regards
Andy
ps Use an image editing program to resize the cross2.jpg and bible.jpg (just
under your menu) to the size you want them displaying, using width= and height=
to force a large image (bible is 787x800px and 128k) to be smaller wastes
bandwidth (it takes long for the page to load).

[blakeuk]

Originally posted by: byardaj
The main page loads the stylesheet like this:
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
and the study2.html page does this:
<link rel="stylesheet" href="file:///C|/Documents and
Settings/user/Desktop/style.css" type="text/css" media="screen" />

Spot the difference :-)

regards
Andy
ps Use an image editing program to resize the cross2.jpg and bible.jpg (just
under your menu) to the size you want them displaying, using width= and height=
to force a large image (bible is 787x800px and 128k) to be smaller wastes
bandwidth (it takes long for the page to load).

Thank you for your help.

The bible image is a differnt size to me (351x546).

I have changed the code, however in my dreamweaver program the layout is now
scattered across the page, however when i preview it, it looks fine. Is there a
way to make the layout of the site offline, the same as it is online?

Many Thanks

[byardaj]

The bible image occurs twice...
<div>
<div align="left">
<p class="clear style52"><img src="cross2.jpg" width="138"
height="117" align="left" /><img src="bible.jpg" width="134" height="115"
align="right" /></p>
<p class="clear style52">&nbsp;</p>
</div>
</div>

Is the bit just under your menu. If you load the source image into
FireWorks/Photoshop you will see that it is actually 787x800px. What you are
doing on your page is forcing the browser to resize it on the fly, all this
resizing can do is change the screen space taken up by the image (it will still
take 128k), admittedly you are using the same image twice so it will only be
downloaded once but it's still a good idea to minimise image size (as in
kilobytes not pixels).

Can anyone recommend a good tutorial on image optimisation? When I get home
tonight I will knock up a page with the images sized a little more
appropriately.

I can't help you with the Design view vs Browser view as I tend not to use
design view (most of what I do uses content from databses/xml so design view
never shows me what I want to see, besides I run dual screens and I always have
a browser open on the other screen).

regards
Andy

[byardaj]

as promised... a page with some smaller images
[url]http://www.andybyard.co.uk/bible/bible.htm[/url]
One small matter to clear up first... I am not a graphics expert, I know
enough about FireWorks to get me through the day! So, some explanations about
the page...
The page has three images:
787x800at80pc.jpg (48kb)
331x310at80pc.jpg (16kb)
134x115at80pc.jpg (4kb)
To generate these I took your original bible.jpg image into FW, made two
copies and then used transform to resize them (to the dimensions I found in
your html), I then exported them as Jpegs at 80% compression.
Under normal circumstances I would do a little clipping to maintain the
correct aspect ratio but I didn't and they still look ok, I might also
investigate more or less compression but again they look ok and they are much
smaller than the original 128kb
I dare say that if you wander over to the FireWorks forum someone can point
you in the direction of a tutorial for image optimisation.
Hope this helps.
regards
Andy
ps No comments about my html please... I simply got FW to generate it.