narrow the web page

[muppet77]

Sorry I don't fully follow the iframe post.

Where should I type <space> ?

[muppet77]

so for example on the page not on the school website,

http://www.maidenerleghweather.com/cumulus/index.htm

which links do i need to space out?

In the template file for index.htm?
which bit please?
Do i open it in Notepad and change....?

Sorry, i really am a html rookie, hence my use of basic php.

[muppet77]

here's a test. http://www.maidenerleghweather.com/test.htm

i added spaces but the table doesn't look narrower??

[water01]

You have set up a test page but failed to copy the standard webfiles into the same place, hence you are getting 404 error message (missing files) on weatherstyle.css (needed to set the included style) and /images directory (specifically the moon phase image).

So it is not a valid test because these elements are missing.

[muppet77]

Ok. Thanks. Proper test in a few mins......

[muppet77]

success! compare

http://www.maidenerleghweather.com/cumulus/test.htm
to
http://www.maidenerleghweather.com/cumulus/index.htm

is there a way to narrow further? more spaces?

[water01]

As Steve said in his first post, kepp increasing the left and right margins in weatherstyle.css.

Code: Select all

#content {
	margin-top: 5%;
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
}

Try 25% and gradually increase it but you are going to eventually get data from one field running into another making it illegible.

[muppet77]

As Steve said in his first post, kepp increasing the left and right margins in weatherstyle.css.

Code: Select all

#content {
	margin-top: 5%;
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
}

Try 25% and gradually increase it but you are going to eventually get data from one field running into another making it illegible.

this is #content {
margin-top: 5%;
margin-right: 50%;
margin-bottom: 5%;
margin-left: 50%;
}

i do a local web update and then upload the file http://www.maidenerleghweather.com/cumulus/test4.htm
can't see any change at all?

[water01]

But you haven't uploaded your altered weatherstyle.css file because the one on the site is still reading

Code: Select all

#content {
	margin-top: 5%;
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
}

For a style file to be used it must also be uploaded to your server as the style is used when the page is downloaded to you. It is no good changing it locally and expecting your page to alter if you do not upload it.

[beteljuice]

Sorry I don't fully follow the iframe post.

The school site has:

Code: Select all

<iframe src="http://www.maidenerleghweather.com/cumulus/home.php" width="100%" height="400"></iframe>

This opens a 'window' 400px deep containing ..../home.php defaulting at position 0px 0px

However .... ...../home.php has

Code: Select all

<iframe src="http://www.maidenerleghweather.com/cumulus/index.htm" target="_blank" scrolling="no" style="height: 700px; border: 0px none; width: 930px; margin-top: -60px; margin-left: -188px; ">
</iframe>

This in turn opens a 'window' which contains the 'normal' Cumulus index page but you have instructed the contents to be 930px wide, so that you could fiddle the 60px down from the top and 188px in.
An interesting solution

Where should I type <space> ?

There needs to be a space between :: making them link: :link

This of course would need to be modified on all your Template pages.

[muppet77]

Thank you so much everyone.

I have changed the iframe width to get rid of the scroll bars on the schools page.

I cannot get access to indexT until back in work but I have tested a dummy version at home and deleted a couple of the links rather than space them out (I don't use them as I have my own).

The result on the page is perfect! Width is narrowed and the scrolls have gone.

Will access the template on Monday.

Thank you!