This is sort of long but I'd REALLY appreciate help. I have no hands-on xhtml/css experience..I've read up a lot, just never tested it out. To try and learn a little more, I figured that I'd start out with an open source template. I went to <!-- m --><a class="postlink" href="http://www.sixshootermedia.com/free-templates/">http://www.sixshootermedia.com/free-templates/</a><!-- m -->, and chose the free template "Gunmetal". It seems to be tableless, it's apparently "fluid width" as well.
So I Download ed it and opened it into an editor. In this layout, and in every other template layout I've seen, I don't understand where the links navigate to. What I mean is, the main navigation links - introduction, about, contact, etc.. in the "Gunmetal" instance the navigation menu is on the left, sample content on right. What I'd like to do is target the links somehow so corresponding content would appear in that section on the right. Like frames/iframes do almost? Is that possible? If not, how do people navigate through tableless layouts?! I know that there are no inline frames on this template, does that mean I should implement them somehow? But then it wouldn't be XHTML anymore.. would it?
Ahh I'm so confused. Based on my limited knowledge of reg. HTML, and looking at the following code that appears in the layout, I assume I replace the "#" with the URL/location of content to be linked? Or.. maybe I'm wrong? I tried doing that (tested it with "google.com") and the link opened into a new window.
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>Introduction</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>About</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>Contact</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>Example Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>Example Link 2</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>Example Link 3</a></li>
Basically - if I'm dealing with a tableless css/xhtml layout, and I want to navigate through the site - where am I navigating to? There are no tables or frames.. just "div layers" it looks like.. and based on my online search, you can't "target" links into layers. What do the ## signs mean..? I looked over the corresponding CSS file and that doesn't seem to help either :/ My final goal is to have a page about me, a blog of some sorts, a site info page, and a page for my photography.Usually on sites that have few pages people create pages for each page they want using the same navigation over and over. The hash marks are there as dummy links. They can be replaced by any link you want just be sure if its an external link you use the full url. <!-- m --><a class="postlink" href="http://www.google.com">http://www.google.com</a><!-- m -->
Iframes are valid in XHTML Transitional but not XHTML Strict.
So I Download ed it and opened it into an editor. In this layout, and in every other template layout I've seen, I don't understand where the links navigate to. What I mean is, the main navigation links - introduction, about, contact, etc.. in the "Gunmetal" instance the navigation menu is on the left, sample content on right. What I'd like to do is target the links somehow so corresponding content would appear in that section on the right. Like frames/iframes do almost? Is that possible? If not, how do people navigate through tableless layouts?! I know that there are no inline frames on this template, does that mean I should implement them somehow? But then it wouldn't be XHTML anymore.. would it?
Ahh I'm so confused. Based on my limited knowledge of reg. HTML, and looking at the following code that appears in the layout, I assume I replace the "#" with the URL/location of content to be linked? Or.. maybe I'm wrong? I tried doing that (tested it with "google.com") and the link opened into a new window.
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>Introduction</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>About</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>Contact</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>Example Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>Example Link 2</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><b>?lt;/b>Example Link 3</a></li>
Basically - if I'm dealing with a tableless css/xhtml layout, and I want to navigate through the site - where am I navigating to? There are no tables or frames.. just "div layers" it looks like.. and based on my online search, you can't "target" links into layers. What do the ## signs mean..? I looked over the corresponding CSS file and that doesn't seem to help either :/ My final goal is to have a page about me, a blog of some sorts, a site info page, and a page for my photography.Usually on sites that have few pages people create pages for each page they want using the same navigation over and over. The hash marks are there as dummy links. They can be replaced by any link you want just be sure if its an external link you use the full url. <!-- m --><a class="postlink" href="http://www.google.com">http://www.google.com</a><!-- m -->
Iframes are valid in XHTML Transitional but not XHTML Strict.