Ayuda!!!
Que es lo que hice ahora mal en mi menú, ya que al darle clic a un icono me debería mandar a la página que le puse hipervinculo, pero no por extraño que parezca me abre la página debajo del menú dentro de la página, que debo corregir para que solo quede el menú y abra las páginas donde lo estoy colocando, es decir las paginas que sirven de vínculos ya las tengo creadas solo me faltaba integrar el menú el cual no me funciono.
Código HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Blog Prospera</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="index_style.css">
<link rel="stylesheet" href="fonts.css">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="main.js"></script>
</head>
<body>
<header>
<div class="menu_bar">
<a href="#" class="bt-menu"><span class="icon-dehaze"></span>Menu</a>
</div>
<nav>
<div class="contenedor" id="uno"><a href="http://prosperablog.wix.com/copia-de-pr-blog-es">
<span class="icon icon-blogger2"></span>
<p class="texto">Blog</p>
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--></style>
</a>
</div>
<div class="contenedor" id="dos"><a href="http://blogprospera.foroactivo.mx/" target="_blank">
<span class="icon icon-bubbles2"></span>
<p class="texto">Foro de discusion</p>
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--></style>
</a>
</div>
<div class="contenedor" id="tres"><a href="http://prosperablog.wix.com/copia-de-pr-blog-es#!sala-de-chat/bwzih">
<span class="icon icon-users"></span>
<p class="texto">Sala de chat</p>
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--></style>
</a>
</div>
<div class="contenedor" id="cuatro"><a href="http://prosperablog.wix.com/copia-de-pr-blog-es#!evaluaciones/vxt8b">
<span class="icon icon-clipboard"></span>
<p class="texto">Evaluaciones</p>
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--></style>
</a>
</div>
<div class="contenedor" id="cinco"><a href="http://prosperablog.wix.com/copia-de-pr-blog-es#!biblioteca/uqp7d">
<span class="icon icon-books"></span>
<p class="texto">Biblioteca</p>
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--></style>
</a>
</div>
<div class="contenedor" id="seis"><a href="http://prosperablog.wix.com/copia-de-pr-blog-es#!multimedia/uw42h">
<span class="icon icon-film"></span>
<p class="texto">Multimedia<span class=""></span></p>
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--></style>
</a>
</div>
<div class="contenedor" id="siete"><a href="http://prosperablog.wix.com/copia-de-pr-blog-es#!contacto/ca3v">
<span class="icon icon-profile"></span>
<p class="texto">Contacto</p>
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--></style>
</a>
</div>
</header>
</body>
</html>