Hola, tengo una web [www.tzarean.com] y tengo un lio con un menu de navegacion que puse, resulta que es muy incomodo colocar el codigo html en cada subpagina que creo, ademas si luego hay que hacer algun cambio hay que cambiar el codigo de todas las subpaginas
Este es el codigo:
Código:
<div id='cssmenu'>
<ul>
<li><a href='/index.html'><span>Inicio</span></a></li>
<li class='has-sub'><a href='/proyecto'><span>Proyecto</span></a>
<ul>
<li class='has-sub'><a href='/proyecto/unidades'><span>Unidades</span></a>
<ul>
<li><a href='/proyecto/unidades/imperiales.html'><span>Imperiales</span></a></li>
<li><a href='/proyecto/unidades/misticos.html'><span>Misticos</span></a></li>
<li><a href='/proyecto/unidades/oscuros.html'><span>Oscuros</span></a></li>
<li><a href='/proyecto/unidades/ganado.html'><span>Ganado</span></a></li>
<li><a href='/proyecto/unidades/naturaleza.html'><span>Naturaleza</span></a></li>
<li><a href='/proyecto/unidades/bestias.html'><span>Bestias</span></a></li>
<li><a href='/proyecto/unidades/portaldimensional.html'><span>Portal dimensional</span></a></li>
<li><a href='/proyecto/unidades/castillodelmal.html'><span>Castillo del mal</span></a></li>
<li class='last'><a href='/proyecto/unidades/otros.html'><span>Otros</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='/proyecto/edificios'><span>Edificios</span></a>
<ul>
<li><a href='/proyecto/edificios/imperiales.html'><span>Imperiales</span></a></li>
<li><a href='/proyecto/edificios/misticos.html'><span>Misticos</span></a></li>
<li><a href='/proyecto/edificios/oscuros.html'><span>Oscuros</span></a></li>
<li class='last'><a href='/proyecto/edificios/capturados.html'><span>Capturados</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='/proyecto/tecnologias'><span>Tecnologias</span></a>
<ul>
<li><a href='/proyecto/tecnologias/imperiales.html'><span>Imperiales</span></a></li>
<li><a href='/proyecto/tecnologias/misticos.html'><span>Misticos</span></a></li>
<li class='last'><a href='/proyecto/tecnologias/oscuros.html'><span>Oscuros</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='/colabora.html'><span>Colabora</span></a></li>
<li class='last'><a href='/contacto.html'><span>Contacto</span></a></li>
</ul>
</div>
Necesito alguna manera de hacer una id que corresponda a ese codigo html.
He creado una pagina con el codigo y para luego mostrar el menu con un iframe, pero resulta que como es un menu de navegacion al abrir una pagina se abre en el iframe.
¿Que podria hacer para solucionar esto?