Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Can I do this without Javascript?????

    Hell smarter people : )

    I run a small nonprofit org, and am looking to upgrade our site to something cleaner like UNBOUNDARY'S website here:

    http://www.unboundary.com/

    Don't laugh, but I build our website with Microsoft Publisher, so I don't know any Code or Javascript.

    Is there any way I can have this "middle scrolling frame" like they do without having to know code. Perhaps an easy cut & paste code I can embed to give me that middle frame.

    Any assistance you can give is appreciated.

    Thanks,
    DOC

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello laymangroup,
    Are you just looking to duplicate the 3 column layout or the way the navigation links on the right scroll you to that area in the text?

    The layout is pretty simple, 3 columns floated left in a centered containing div.

    Have a look at these 3 column examples and see if one suits your need, see #7 in particular.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks so much for your help...

    I have so many things to link to, it would be amazing if I could like to sections of the middle frame as they do.

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    That site is doing it with js
    Code:
    <ul>
    			<li class="hns1"><a href="#actonwhatmatters" onClick="javascript:pageTracker._trackPageview('/whatwebelieve/actonwhatmatters/');" title="Act On What Matters"><span>Act On What Matters</span></a></li>
    
    ...
    But it can also be done with anchors like this.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hmm, wonder why that link gets edited. The board must think it's pron or something.
    Easy enough like this -
    In the markup you have text in an id like this - <p id="destination_id">Some text in a paragraph</p>

    In your menu in the sidebar you have a link like this - <a href="#destination_id">Select here to go to a location in the current XHTML document</a>
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •