Results 1 to 2 of 2

Thread: help needed on tabbed navigation

  1. #1
    Join Date
    May 2008
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Thumbs up help needed on tabbed navigation

    hi everyone,
    I am working on iphone web design.I am having problem in this tabbed navigation issue.I am using 5 tabs,

    home videos @@@ $$$ search

    like this,i have used css for tabbed appearance.
    In body tag,Using unordered list My implementation is like this

    <ul class="navigation">
    <li class="navlist"><a href="home.html">home</a></li>
    <li class="navlist"><a href="videos.html">videos</a></li>
    <li class="navlist">@@@@</li>
    <li class="navlist">@@@@</li>
    <li class="navlist"><a href="search.html">search</a></li>
    </ul>

    now,I am repeating this whole code in all five pages,for the appearence of tabbed navigation.My PM is saying its not the correct implementation of tabbed navigation.

    she is saying that,we don't have to redirect pages to another locations.
    we have to use code like this:

    <ul class="navigation">
    <li class="navlist"><a href="#home">home</a></li>
    <li "class="navlist"><a href="#videos">videos</a></li>
    <li "class="navlist"><a href="#@@@">@@@</a></li>
    <li "class="navlist"><a href="#$$$">$$$</a></li>
    <li class="navlist"><a href="#search">search</a></li>
    </ul>

    <div id="home">
    ----------code for home page--------------
    </div>

    <div id="videos">
    ----------code for videos page--------------
    </div>

    <div id="@@@">
    ----------code for @@@ page--------------
    </div>

    <div id="$$$">
    ----------code for $$$ page--------------
    </div>

    <div id="search" >
    <form name="SearchFrm" action="http://search.foodnetwork.com/food/recipe/search.do" method="get" target="_blank" id="searchFrm">
    ----------code for search page--------------
    </form>
    </div>

    because of this there will not be any code duplication.
    Now please suggest me
    1.is it fine to use my procedure and is that can be called tabbed navigation?
    2.if i have to follow my PM's procedure what i have to do?can i repeat 5 pages code in that single page in respective div's of home,videos,@@@,$$$,search.
    please suggest me,u can understand my situation by alll this explanation

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format when asking a question.


    Please post a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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