Page 2 of 2
Re: narrow the web page
Posted: Fri 15 Nov 2013 4:22 pm
by muppet77
Sorry I don't fully follow the iframe post.
Where should I type <space> ?
Re: narrow the web page
Posted: Fri 15 Nov 2013 4:30 pm
by 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.
Re: narrow the web page
Posted: Fri 15 Nov 2013 5:09 pm
by muppet77
here's a test.
http://www.maidenerleghweather.com/test.htm
i added spaces but the table doesn't look narrower??
Re: narrow the web page
Posted: Fri 15 Nov 2013 6:24 pm
by 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.
Re: narrow the web page
Posted: Fri 15 Nov 2013 6:25 pm
by muppet77
Ok. Thanks. Proper test in a few mins......
Re: narrow the web page
Posted: Fri 15 Nov 2013 6:37 pm
by muppet77
Re: narrow the web page
Posted: Fri 15 Nov 2013 6:50 pm
by 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.
Re: narrow the web page
Posted: Fri 15 Nov 2013 6:55 pm
by muppet77
water01 wrote: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?
Re: narrow the web page
Posted: Fri 15 Nov 2013 7:00 pm
by 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.
Re: narrow the web page
Posted: Fri 15 Nov 2013 11:17 pm
by beteljuice
muppet77 wrote: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
muppet77 wrote:Where should I type <space> ?
the beteljuice wrote:There needs to be a space between :: making them link: :link
This of course would need to be modified on all your Template pages.
Re: narrow the web page
Posted: Sat 16 Nov 2013 6:37 am
by 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!