Posicionarme en parte de la web al hacer click en menu

phpdevelopment · #1 (**permalink**) 31/08/2012, 11:20

No si esto corresponde dentro de html o jquery.

Código HTML:

 <nav>
            
            <ul>
                <li><a class="btnNews" href="#">News</a></li>
                <li><a class="btnArtist" href="#">Artist</a></li>
            
            </ul>
            
        </nav>

Mas abajo tengo en mi web

Código HTML:


<section class="bnews"><section class="news">

    <hgroup>
        <h2> News</h2>
    </hgroup>
</section>

<section class="bartist"><section class="artist">

    <hgroup>
        <h2> Artist</h2>
    </hgroup>
</section>

Todo esta dentro de la misma pagina .html, lo que quiero que cuando haga click en el menu de artist se posiciones en la parte del codigo de artist y si se hago click en news , se posiciones la parte de news

Como deberia de hacerlo? Seria con Jquery.

Un saludo y gracias

flashmax · #2 (**permalink**) 31/08/2012, 12:40

Hola te dejo un ejemplo:

Código:

<body>

<table width="100" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><nav>
            
            <ul>
                <li><a class="btnNews" href="#News">News</a></li>
                <li><a class="btnArtist" href="#Artist">Artist</a></li>
            
            </ul>
            
        </nav></td>
  </tr>
</table>
<table width="100" border="1" cellspacing="0" cellpadding="0">
    <tr>
    <td height="500" valign="bottom">&nbsp;</td>
  </tr>
    <td valign="bottom"><section class="bnews"><section class="news">

    <hgroup>
        <h2 id="News"> News</h2>
        <p>blaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    </hgroup>
</section>

</td>
  </tr>
  <tr>
    <td height="500" valign="bottom">&nbsp;</td>
  </tr>
  <tr>
    <td valign="bottom"><section class="bartist"><section class="artist">

    <hgroup>
        <h2 id="Artist"> Artist</h2>
        <p>blaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    </hgroup>
</section></td>
  </tr>
</table>



</body>