Hi there. I am new to web design and I just found this forum. I am hoping I might be able to find some help here.

I have used a fee template with heavy modifications to create my site and I am now stuck.
I have a photo gallery page with different item categories. I want to have a separation line and category heading between each category item. Basically, I want to create a separation between each different kind of framed sculpture, (ie. ship, horse, etc.)

I was able to successfully do this by adding my container info and heading tag between each item. It looked great when I viewed it in Internet Explorer.

The problem is that when I viewed it in Firefox with the same HTML code, it was horrible! The pictures were all over the page and words jumbled everywhere. So, I went back to the basic format like it is now that needs work, but is at least clean in both browsers.

I would really appreciate any help anyone can offer me for how to add this element to my site. http://www.3dframedsculptures.com/gallery.html

Thanks!
Bootsers

If I am correct, you want to add somewhat of a line that separates categories. You can do this by adding the following code:



You can customize this using the following:


or


You can change the size as well using this:


or


You can as well make it further interesting using a continues picture with this:



May I add that the link at the bottom of your gallery section does not effect as it is intentioned to it seems.

Thank you, Will.

I am having trouble with the footer link on the bottom of the gallery page, also.

This was part of the code from the free website template that I used. The stipulation was that I could use the free template if I would leave a link to SK Design studio on my website. I did try to move it to be a footer.

Much like the other problems I have been having with modifying the photo gallery page, it works correctly in IE. But in Firefox, it moves it to be under a picture like Alt text. Do you have any idea what I need to do to make it go to the bottom as a footer underneath a horizontal line (HR) like it is on the home (index) page?

Thanks!

If you are intending on using the link at the bottom titled "Your Custom Piece Here" and/or "YOUR CUSTOM PIECE HERE
CONTACT US WITH SPECIAL REQUESTS AND QUESTIONS-" I would be more then happy to edit it in HTML if you post the code here. What are you specifically attempting?

Thanks Will. I hadn't even noticed that. I thought you were referring to the "Template By" link.

Yes, I would like the last photo box to say "Your Custom Piece Here...Contact us with special requests and questions." It would be great if that would just link back to the "Contact Us" page.

It would also be great if the "Template By" link would appear in Firefox as a footer along the bottom of the page with a horizontal line separating it. Again, it works the way I was hoping in IE, but not in Firefox?

Thanks again for your help! I am learning a lot doing this, but I am also very aware that I am currently way out of my league.


Here is my code for the last photo box for the custom piece and the footer.

<!--CUSTOM-->

<li><div id="gallery"><A NAME="CUSTOM"><h3>YOUR CUSTOM PIECE HERE <br> CONTACT US WITH SPECIAL REQUESTS AND QUESTIONS- </h3><a href="#COUGAR1007"><img class="img_border" src="images/putfilehere" alt="Your Custom Piece Here"></a></div></li>

</ul>

</div>

<!-- footer -->

<br>
<hr>

<p>Template By <a href="http://skdstudio.com/" target="_blank">SK Design Studio</a> | 2007</p>

</div>
</div>
</div>
</body></html>

This should fix it:



This should allow the user to email you when they click on the link instead of linking to the "Contact Us" page. This should as well make sure that the the text: "SK Design Studio" is aligned to the right, yet it seems that the previous line of code - should work better then the one I added that should make sure it is aligned. If it is messing up just use the old line of code:



Hope this helps.

Thank you Will! I will give it a try.