Unexplained question marks when integrating photo gallery into your design.

[darkwiredesign]

This post isn't asking for help, but rather, I thought I'd share my experiences with this problem in the hopes that it will help someone else in the future who runs into this same situation.

This troubleshoot will deal with two types of HTML code:

* the rendered code - the actual page source of the photo gallery while it is online and contains all of the source code that the php rendered.
* your cource code - the actual HTML code that contains your design code, as well as the gallery code that has the features listed in {brackets}.

The problem occured when I took the code for the photo gallery from the default template.html and inserted it into the space in my design where I want the gallery to go. When I uploaded the files to the server, I noticed that my design was broken up and all out of order. I held ctrl + a to highlight everything on the page and noticed several question marks "?" scattered around the page, but I didn't type this out in my design code.

The solution, though at times frustrating, was easy to remedy. First, you need to know how to read HTML, which I'm assuming you do, given the fact that you're installing CPG. Then, right click on the webpage where the "?" show up to view the rendered source code. Now, here comes the hard/frustrating part: you'll need to scan the rendered source code to try and find the question marks. Usually, they'll be in the part of the HTML that you coded yourself (in the actual design HTML) and they'll usually correspond in the rendered code to it's  position on the page, as well as the fact that they are most of the time found either before or after a "<" or ">" tag.  Two examples would be:

?< /td>< /tr>  or  < td>? < tr>   (this could vary depending on your source code, but this should give you a general example.

Once you have located the question mark(s), familiarize yourself with the spot in your design code that they are located and go back into your html-creating program and go into the source code for the template.html page that you have designed, find the location in your code where you had found the question mark earlier in the rendered code and depending on where the question mark was, whether it was before or after a specific tag, you'll need to make sure that there isn't any unnecessary space between those tags. This can be done easily. If the question mark comes after a tag, then go down to the next tag after it and hit backspace until the next tag is right up next to the tag the question mark came after, this will eliminate any "spaces" between the two tags that perhaps you were unaware of. You can then move the tag that you moved up back down a line if you would prefer; the only reason for bumping it up against the tag the "?" came after was to eliminate the space that the invisible "?" was hiding in. If the question mark comes before a tag, then do just the opposite and bring the tag that comes after the question mark up a space until it is right up against the tag before it.

This all sounds very complicated, but believe me, it's not. All you need to do is find where the question mark is in the rendered code and then make sure to delet the space between tags where it is "hiding" in your source code which you wrote (not the rendered code).

I hope this will help someone in the future who may run into this problem. Best of luck!