PDA

View Full Version : help needed on tabbed navigation



dev4u
05-23-2008, 11:18 AM
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

jscheuer1
05-23-2008, 12:41 PM
Warning: Please include a link to the DD script in question in your post. See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) 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.