Hello Again,
I have created all 26 Letters of the alphabet as JPGs and I can display them above the categories (Dogs for example). Now, I understand that to make it jump to "Rottweilers" when someone clicks on the letter "R", I would need to make a <div> out of the "Rottweiler" Picture/Category Name (or maybe I am totally wrong on this...)
Anyway, if I have the alphabet above the Dogs, I need to know, if possible, how to make the letters, when clicked, jump to the right section on the same page of listed categories/dogs.
Am I making sense, or do I need to be more descriptive? Please let me know. Thanks!
EDIT: Ok, I have it thus far-
Code:
<html>
<body>
<a href="#catimages/rottweiler.jpg"><img src="http://www.pickyourownpet.com/classifieds/images/alphabet/r.jpg"></a>
</body>
</html>
The "#catimages/rottweiler.jpg" above is the <a name> tag. Since <a name> is what is used to reference something on the same page, I replaced the following code in browse.tpl:
Code:
<img src="{$data[td].image}" border="0" alt="{$data[td].name}"></a>
with:
Code:
<img src="{$data[td].image}" border="0" alt="{$data[td].name}" name="{$data[td].image}"></a>
to produce an <a name> tag. I've tried placing the <a name> outside the img src as well. This is still not working though. Suggestions?
Thanks!
-Scott