When building a website and putting a picture on the Home Page it always comes out much too large. ie you only see one corner. I use normal photos and cannot see any way of reducing the size to fit the webpage. Can anyone help?
ID:4905
* Pictures on website
-
TimSBClarke
- Newbie
- Posts: 1
- Joined: 25 Jul 2010 08:33
- Family Historian: V6.2
- Location: West Sussex UK
-
Jane
- Site Admin
- Posts: 8442
- Joined: 01 Nov 2002 15:00
- Family Historian: V7
- Location: Somerset, England
- Contact:
Pictures on website
Just resize the image to a new one, before you include it, most graphic programs can do this.
-
tatewise
- Megastar
- Posts: 27088
- Joined: 25 May 2010 11:00
- Family Historian: V7
- Location: Torbay, Devon, UK
- Contact:
Pictures on website
Alternatively, if you know a little about HTML you could perform the following edit after the website is created.
Open the index.html file in a plain text editor such as Notepad or WordPad or PSPad.
Search for a section of HTML: <img src='_h1_ that is followed by your Home Page photo filename.
Replace this HTML with <img width='400' src='_h1_ where 400 is the fixed number of pixels wide you want the picture to appear.
Save the index.html file and try it in your browser.
If you are feeling confident, just above that line is a line of HTML starting with:
<TABLE cellSpacing=0 cellPadding=0 width=50px
Replace the 50px with 50% or whatever % width of the browser window you prefer.
Replace width='400' above with width='100%' and the photo will dynamically scale to the browser window size.
Save the index.html file and try it in your browser.
Open the index.html file in a plain text editor such as Notepad or WordPad or PSPad.
Search for a section of HTML: <img src='_h1_ that is followed by your Home Page photo filename.
Replace this HTML with <img width='400' src='_h1_ where 400 is the fixed number of pixels wide you want the picture to appear.
Save the index.html file and try it in your browser.
If you are feeling confident, just above that line is a line of HTML starting with:
<TABLE cellSpacing=0 cellPadding=0 width=50px
Replace the 50px with 50% or whatever % width of the browser window you prefer.
Replace width='400' above with width='100%' and the photo will dynamically scale to the browser window size.
Save the index.html file and try it in your browser.