css trickery

  • Started
  • Last post
  • 2 Responses
  • duhsign

    I have a web page I am making and I am trying to do my first css site. So far so good. I have a page/section for bios and theres about 15 bios each with a pic. I want to make it simple clean and smooth. I was wondering if any css pros could point me in the right direction.

    Basically the content will be two columns - a left sidebar for a list/nav with all the names and a main content div. Is there a way to make the links in the sidebar nav call up anchors in the main content div next to it? I was thinking it would be easy to have just one long page of the bios and photos and if the links in the sidebar/nav could call up each bio that seems super easy...any better ways to do it?

    I just don't want to make a separate page for each bio if I don't have too...

    Loving the css, hard to believe how minimal the html is and how much control styling gives you if u know how to use it...still learning...look ma, no tables!

    duhsign
    Flag
  • TResudek0

    Sounds like you just want to use anchor links, eg #JohnDoe moves the page down to John Doe's Bio. If you want to get fancy, you can use some ajax to load in the bios as they are called. What are you looking to do?

    TResudek 0Permalink
    UpvoteDownvote
    Dogear
    Flag
      Show [[ numHiddenNotes ]] more notesAdd Note
      SaveCancel
    • Stugoo0

      yeah it sounds like anchor links are the best bet.

      if you do
      <a href="#anchor-name"> jump to content</div>
      then clicking it will jump the page to:
      <div id="anchor-name"> content</div>

      I would suggest setting your site container to
      position:relative;
      and your navigation to
      position:fixed;

      if you get stuck come back and show us some source code.

      Stugoo 0Permalink
      UpvoteDownvote
      Dogear
      Flag
      Show [[ numHiddenNotes ]] more notesAdd Note
      SaveCancel