He-eelp needed reuploading to Ipower

[moccarica]

Ive just re-uploaded my revised site to Ipower, but the images for my links are not showing up..why?? I didnt change the format at all for some of these links so I dont understand what happened....Please review for me.

[saaustin]

I just checked in firefox and IE7 and they are there. Are they all the way down on the sides or just half way down?

[moccarica]

Please recheck...I just checked the revised one to make sure it was available online

[saaustin]

It still looks ok to me. I see all the links.

[moccarica]

So whats causing the fact that I still cant see any of my images on my site??? Jus checked again - still not there although the links are active.

Anyways, if its the case that everyone else can see the images except me, plz review and give additional suggestions for improvement. Thanks

PS. You'll see I have a link to a blog. This is coming soon as I figure out how to do it....any pointers?

[troyzone]

Hi moccarica,

I have moved this thread to the Designing & Developing Website board of the forum, which is the best place to get help with technical website creation issues such as this. The Phase 1, 2, and 3 boards are best used for questions regarding the 3PP instructions themselves.

I took a quick look at your page and the images are not display for me either because you don't have them linked properly. They probably display fine when the page is loaded on your own computer, but they don't display properly online for others to see, due to the folder names on your own computer where your images are stored not matching what is on your web host.

It is best to "mirror" the exact same file and folder naming structure on your own computer to what you have on your web host to minimize problems such as this. Jim explains how to do this in the TOPS Help Files tutorial web site available at:

www.theworkathomeindex.com/tops

There are also several past forum threads discussing this topic in detail. Here is a post with links to several such threads:

erichw33.proboards53.com/index.cgi?board=p1&action=display&thread=1170361753&page=1#1170400886

In addition, Jim also once created an illustration demonstrating the recommended file and folder structure to maintain on both your web host and on your own computer, it can be viewed here:

www.theworkathomeindex.com/template/folderstructure.gif

Looking at your header image as an example, here is the source code from your page that attempts to display your header image:

<img title="The Home Entrepeneurs Solution" style="width: 765px; height: 145px;" alt="The Home Entrepeneurs Solution" src="The%20Home%20Entrepeneurs%27%20Solution%20-The%20Best%20Work%20at%20Home%20Opportunities_files/Picture1.jpg">

The part I indicated in red tells the browser what image to display and the path to it. I'm not sure why there is a space appearing in .j pg near the end, at least on my computer...the forum seems to be inserting it there. It should not be present

In any case, you'll notice that there are a lot of %20 characters in the src part, this is due to spaces in the file and folder names on your own computer. Spaces aren't allowed in HTML file and folder names, so they get converted to ASCII code equivalents. You should avoid spaces and even uppercase letters if possible as links are case-sensitive online, even though they may not be on your own computer. See the following post in one of the FAQ boards on the forum for more info:

erichw33.proboards53.com/index.cgi?board=tool&action=display&thread=1143747000&page=1#1145778477

You also have to upload all of your web site's files to your web hosting account, including each individual image file. I looked quick and you do have the Picture1.jpg image uploaded into your root or public_html directory, the direct link to it is here:

www.thehomeentrepeneurssolution.com/Picture1.jpg

You can either change the link in the src portion of the above-mentioned code to this, or my preferred method is a relative link format like this:

Picture1.jpg

Using this format, the above-mentioned erroneous header image code can be revised as follows to display the header image:

<img title="The Home Entrepeneurs Solution" style="width: 765px; height: 145px;" alt="The Home Entrepeneurs Solution" src="Picture1.jpg">

I recommend creating an images folder (otherwise known as a directory) under the root public_html directory in your web hosting account, placing all of your image files there, and linking to them there to keep your files more organized, but it is not necessary to do so. If you do wish to organize your files better in this manner, the above-mentioned relative link to your Picture.jpg image would be as follows:

images/Picture1.jpg

and the corrected header image source code would then be:

<img title="The Home Entrepeneurs Solution" style="width: 765px; height: 145px;" alt="The Home Entrepeneurs Solution" src="images/Picture1.jpg">

I also noticed that your header image Picture1.jpg is huge...1202x542 pixels. You should reduce the size of it significantly. The image is being resized when the page is being displayed by the width and height attributes present in your header image source code above, however you should resize the image file itself to the proper size so that the browser doesn't have to resize it each time your web page is displayed.

This will make the image file size smaller so it will display quicker, prevent the image from possibly being distorted due to the browser resizing it, and also reduce the amount of work that the visitor's browser has to do to display your site.

Regarding blogs, you should not be too concerned with adding a blog at this point and should instead focus on following the Phase 1, 2, and 3 instructions and completing your site. Once your site is completed, it is a good idea to add a blog. There is a great detailed discussion regarding blogs in a past thread of the forum here:

erichw33.proboards53.com/index.cgi?board=p3a&action=display&thread=1190308597&page=1#1190966002

You can create a blog any time you wish, but it is more important to get your site completed first and it is best to focus on one thing at a time so that you don't find yourself doing too many things at once and going in circles, so to speak

Hope this helps.

Troy

[moccarica]

Hi...Please review the changes ive made to my website. Thanks in advance.

[troyzone]

Hi moccarica,

I took a quick look at your site and it is looking good. It appears that you have fixed your image display problems...great work.

I noticed that your bookmark button is not working...inside the <head> section of your source code, you have the following line:

<!-- var urlAddress = this.location;

This needs to be split up over two lines like this:

<!--
var urlAddress = this.location;

See the following thread for more information about this issue:

erichw33.proboards53.com/index.cgi?board=web&action=display&thread=1173753974&page=1#1173801583

If you feel that you have met the Phase 1 requirements and are ready for a full review prior to applying for acceptance into Phase 2, you will need to post your review request in the Phase 1 Website Review and Evaluation board at:

erichw33.proboards53.com/index.cgi?board=website

First however, be sure to review the Website Review Posting Guidelines in the sticky note at the top of that board prior to posting there and ensure that your site has met all of the requirements prior to posting for a review. Here is a direct link to the Guidelines post:

erichw33.proboards53.com/index.cgi?board=website&action=display&thread=1184774344

Troy

[moccarica]

Thanks Troy!!! Yes, it took awhile but I thanks to all your suggestions, Ive been able to sort out the bugs. I do plan to apply for Phase II as soon as possible so I'll review the guidelines as you suggest and hopefully (all being good) move on quickly!!

[moccarica]

Hi again!

Last two things before I think Im ready for review:

Bookmark still not working although I made the cange u suggested.
Any more suggestions on that?
This is a copy of my code

</style><script language="JavaScript"
type="Text/JavaScript">
<!--
var urlAddress = this.location;
var pageName = document.title;
function addToFavorites()

Also, Ive lost the clock and date at the top right of my screen. Have tried to copy and paste but it hasnt worked. Plz troubleshoot that also for me.
Thanks
Stace

[troyzone]

Hi Stace,

I'm not on my regular PC at the moment that has all of my tools and saved info and am on my way out of town so I can't troubleshoot and test things in much detail at the moment, however I tried your bookmark link and it worked fine for me in Internet Explorer 7. I don't have Firefox on this computer to test it in that though. Have you since corrected the bookmark issue?

The code you pasted above is only part of the bookmark code...the entire bookmark code from your page's <head> section is as follows:


<script language="JavaScript" type="Text/JavaScript">
<!--
var urlAddress = this.location;
var pageName = document.title;
function addToFavorites()
{
if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4))
{
window.external.AddFavorite(urlAddress,pageName);
}
else if (navigator.appName == "Netscape")
{
window.sidebar.addPanel(pageName,urlAddress,""); }
else
{
alert("Please press CTRL-D(Netscape) or CTRL-T(Opera) to Bookmark this site!");
}
}
// -->
</script>


At a glance, the code appears to be okay to me, although I don't quite have every character in it committed to memory I would have preferred to test it in Firefox as well but can't from this PC, however since it worked in IE I'm sure it's fine, unless a line specific to Firefox bookmark handling has an error in it.

There are actually two parts to the bookmark code to make it functional. In addition to the above section of code, there is also a <form> button on your web page that calls the addToFavorites() function that is defined above, which places a bookmark button on your web page wherever the <form> code is placed.

Just for your reference, here is the other part of your bookmark code from the <body> section that places the bookmark button on your page:


<div align="center">
<form>
<input type="button" value="Click Here to Bookmark this site!" onClick="addToFavorites()">
</form>
</div>


Note that the <div align="center"> and </div> tags just center the form button on your page.

As for the click script, this is non-essential and is just something that was included on the basic TOPS site, but if you wish to retain it then you will need to store the clock.js file on your own web hosting account, as the script calls this outside file to help display the clock. Right now that file is missing from your web host. You will need to go to the following link, save the clock.js file to your own computer with your other web site files, then upload it into your public_html directory in your web hosting account:

www.toponlineprofits.com/tops/js/clock.js

If placing this file on your web host doesn't solve your problem, then you may have other problems in the source code for the link bar where the clock is displayed. The easiest way to fix something like that since it is on your original TOPS page is to save a backup copy of your current page, go to your basic TOPS page at www.toponlineprofits.com/tops-xxxx/index.html (replace the xxxx with your TOPS ID), search your source code for clock.js and copy the clock code section, and replace the code for this section in your own web page. For example, here is the clock code section out of my basic TOPS site (yours should be the same):


<!-- ### clock ### //-->
<td id='Clock' width="49%"height="20" align="right"> </td>
<td width="1%"height="20" align="left">
<script type="text/javascript">
<!--
DayNam = new Array(
"Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
MnthNam = new Array(
"January","February","March","April","May","June","July","August","September","October","November","December");
//--></script>
<script type='text/javascript' src='http://www.toponlineprofits.com/tops/js/clock.js'></script> </td>
<!-- ### end clock ### //-->


Note that the src='http://www.toponlineprofits.com/tops/js/clock.js' part should be replaced with the following on your own page to use the copy of the clock.js file that is to be stored on your own web host:

src='http://www.thehomeentrepeneurssolution.com/clock.js'

You already have the above line in your current code, however when I tried putting that link www.thehomeentrepeneurssolution.com/clock.js into a browser it gave me a "not found" error...that's how I knew the file was missing from your web host. Normally if the file is present, it will open the file (if it is a web page or image) or ask if you want to open or save the file if the browser is not sure how to handle it.

I'm out of town for the next couple of days visiting relatives but I'll have my laptop with me, so I'll try to check in later on if possible. Hope this helps.

Troy