Hola, estoy haciendo un periodico asi que he hecho un menu con ayuda de css, ahora bien es un menu desplegable y necesito que al darle click en uno de los elementos del menu me cargue una pagina que es la de cada categoria del periodico debajo del menu. lo intente con frames pero no es posible ya que para poder visualizar el menu desplegable, el frame donde pondria el contenido del periodico qudaria muy abajo.
digamos que este es uno de los componentes del periodico y un elemento del menu.
Código:
<li><a href="#">Deportes</a>
<ul>
<li><a href="#">Golf</a></li>
<li> <a href="img/auto.jpg">Automovilismo</a></li>
<li><a href="#">Ajedrez</a></li>
<li><a href="#">Rugby</a></li>
<li><a href="#">Natacion</a></li>
<li><a href="#">Beisbol</a></li>
<li><a href="#">Tenis</a></li>
<li><a href="#">Futbol</a></li>
<li><a href="#">Baloncesto</a></li>
<li><a href="#">Patinaje</a></li>
<li><a href="#">Voleibol</a></li>
</ul>
</li>
ahora bien en este caso solo le he colocado evento a la parte automovilismo
Código:
<li><a href="img/auto.jpg">Automovilismo</a></li>
deseo cargar la imagen auto.jpg y deseo que esta se ubique debajo del menu.
como lo podria hacer sin usar frames ya que como la lo dije por el menu desplegable donde ubico el contenido quedaria muy abajo para poder darle espacio al menu deslegable
adjunto la imagen de la pagina para que tengan una idea mas clara
gracias de antemano