Jump to content

Having issues with in-page links


jaidanwolf
 Share

Recommended Posts

Hey guys, for some reason my FAQ page links are not jumping down to the right points on the page. This has never happened to me before, and I use anchors a lot. Any ideas?FAQ PAGEhttp://www.tigersjunkyard.com/xilon/faq.shtmlHTML CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>The Xilon Project</title><link rel="stylesheet" href="xilon.css" type="text/css" /></head><body><div id='wrapper'><!--#include virtual="header.inc"--><!--#include virtual="footer.inc"--><div id="left"><!--#include virtual="menu.inc"--></div><div id="content"><br/><h2 class="title">  Frequently Asked Questions<br/>  <img src="trans/faq.gif" alt="faq" /></h2><p><i>Here is a list of FAQs. If you've got a question of your own, please feel free to <a href="contact.shtml">email</a> and ask it.</i></p><a href="#galleries">Why aren't the galleries showing up for me?</a><br/><a href="#1">I downloaded and installed the font properly, so why is it giving me trouble?</a><br/><a href="#11">How do I produce the special characters with the Xilon font?</a><br/><a href="#2">Can I buy prints of these images?</a><br/><a href="#3">I'd like to use one/some of these images for nonprofit purposes. Is that okay?</a><br/><a href="#5">What are your policies on linking?</a><br/><a href="#8">Why can't just anyone upload artwork?</a><br/><a href="#7">I've got stories or thoughts inspired by the concept; can I submit those instead of actual art?</a><br/><a href="#9">For contributing artists, are there restrictions on image content?</a><br/><a href="#4">Do you have a mailing list or RSS feed? How can I receive updates?</a><br/><a href="#6">I have some suggestions for how to improve the site. Where can I send them?</a><br/><br/><hr><br/><a name="galleries"></a><p>Why aren't the galleries showing up for me?</p><p>The galleries are run on Javascript Lightbox, so to view them properly, you need to have Java installed and enabled. Most people already do, since it's a common necessity for many websites. If for some reason you don't have Java installed or enabled, or aren't sure if you do, simply google the info and take the necessary, very easy steps to get it running.</p><br/><a name="1"></a><p class="faq">I downloaded and installed the font properly, so why is it giving me trouble?</p><p>Unfortunately, due to the way the font was created, it requires a bit of an extra kick to get it looking just right. Once you've decided on a font size, you'll need to adjust the character tracking so that the letters are properly spaced. When that's done, most of the characters will fall together with no problem. Certain letters (F, I, K, R, S, T, U, Y) require an extra space added in before the following character. It's a bit of a pain at first but once you get the hang of it, it's quite easy to make the adjustments.</p><br/><a name="11"></a><p class="faq">How do I produce special characters with the Xilon font?</p><p>Easy enough ... lif = the pound sign (#), ryx = quotation mark ("), saen = ampersand (&), kal = period (.), jks = question mark (?). Enjoy.</p><br/><a name="2"></a><p class="faq">Can I buy prints of these images?</p><p>This is strictly a nonprofit online gallery, so regrettably, there are no prints for sale. However, there are links to view and download large, high res versions of each image. Additionally, some individual artists may have prints of their images for sale, so you are always welcome to inquire about a particular render and we will let you know for sure.</p><br/><a name="3"></a><p class="faq">I'd like to use one/some of these images for nonprofit purposes. Is that okay?</p><p>As much as we would like for people to share their interest in this site, images may not be used without permission. All images, concepts and stories found on this site are copyrighted works; therefore, you must legally speak to the artist/designer first, even for nonprofit use. Please view the <a href="legal.shtml">legal section</a> for further details.</p><br/><a name="5"></a><p class="faq">What are your policies on linking?</p><p>You are welcome to provide actual links (ie. "http://siteaddress.com/image.jpg") anywhere you please, as long as you are not violating the policies outlined in the <a href="legal.shtml">legal</a> section. However, you absolutely may not hotlink to anything on this site (ie. directly display an image from here on your own page as "img src="tigersjunkyard.com/xilon/image.jpg").</p><br/><a name="8"></a><p class="faq">Why can't just anyone upload artwork?</p><p>Because this isn't a general user-based art community. It is a visual-narrative experience depicting an original, fictitious region of space. The stories and artwork here all work together as a collaborative whole, to tell a story and give outside viewers a look at this unique place. If just anyone uploaded their work without moderation, it may or may not properly depict the concept and the point of the site would likely become moot.</p><br/><a name="7"></a><p class="faq">I've got some stories or thoughts inspired by the concept; can I submit those instead of actual art?</p><p>If you're interested in the material but are not much of an artist, yet you have an idea in your head for either a narrative backstory that falls under the "Stories & Myths" section, or even a suggested scene for contributing artists to consider, you are certainly welcome to get in touch and send it over.</p><br/><a name="9"></a><p class="faq">For contributing artists, are there restrictions on image content?</p><p>No, not in the traditional sense. Nudity or even pornographic scenes are acceptable, as well as any form of coupling, whether straight or gay...however, we insist that all images here have substance. So gratuitous nudity or sexual situations are generally looked down upon, not because we've got an inherent problem with them, but because they bore us unless they're part of a bigger story within the image. If adult situations are required as an integral part of the scene that the image is capturing, then they are perfectly welcome. But nudity and ###### just for the sake of it are pointless and overdone, and don't lend much to the overall story that this site is telling.</p><br/><a name="4"></a><p class="faq">Do you have a mailing list or RSS feed? How can I receive updates?</p><p>Since this is not an open submission forum, updates are far from overwhelming, though they do occur as contributing artists get new ideas here and there. You can simply check the <a href="newart.shtml">new image additions</a> section now and then to see what else has been added to the galleries. Keep an eye on the <a href="news.shtml">news section</a> as well for additional updates.</p><br/><a name="6"></a><p class="faq">I have some suggestions for how to improve the site. Where can I send them?</p><p>You may contact <a href="contact.shtml">Reese</a> with any suggestions.</p><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div></div></body></html>

Link to comment
Share on other sites

The problem is that you're using fixed positioning in your page. It is jumping to the right places. The problem is that what it's doing is bringing the selected section up to the top of the container, which happens to be behind the title banner.I avoid positioning when possible in my designs. I can't think of an easy way to fix your CSS to work the same as it does now. It would need a lot of change in the mark-up.Other problems in your design:

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

This is discouraged, you can use CSS padding-bottom to solve it. In fact, in a well designed site there's no need to use the <br /> tag at all. Block level elements, margin and padding do everything.

Link to comment
Share on other sites

Hey, thanks for the tip. I've sorted out the FAQ page by placing the anchors a few lines above where they should occur so that it evens out and shows up beneath the header image.As for all the <br/> bits, I just used that approach as a last minute way of extending the bottom of the background image so that for shorter pages it doesn't cut off above the footer and leave all this black space. I'm not really a site design whiz lol...just know enough to create my own site, with some help, and did the best I could. If you know how to achieve the same affect with specific additions to the CSS code, I'd love to know. But this also works for me, for this site anyway.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...