Cómo crear un menú centrado en medio del texto

jaimcuev · 31 Oct 2012

Hola bueno tengo una duda la cual no me sale pues cuando lo ago sale encima del texto pero lo que quiero es que cuando uno vea el menu se abra en medio de ellos y el texto bajo mejor me explico con una pagina que lo tiene:

neWDivx * Peliculas Vk Online · Ver Peliculas HD Online · Vk Vose · Latino Online · Español HD Online · Ver Cine Vk Online

Bueno quiero hacer algo asi como el menu que tiene a la derecha donde dice catalogo

Ale Hernandez · 1 Nov 2012

Se me ocurrió esto aunque es algo complejo: Edit this Fiddle - jsFiddle

jaimcuev · 1 Nov 2012

WeRunTheNite dijo:
Se me ocurrió esto aunque es algo complejo: Edit this Fiddle - jsFiddle

haber seria asi ?

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
$(document).ready(function(){
    $("#catalogo").hide();
$("#menu_categorias").click(function(){$("#categorias").show();$("#catalogo").hide()});
$("#menu_catalogo").click(function(){$("#catalogo").show();$("#categorias").hide()});
});
</script>
</head>
<body>
<div id="menu">
    <span id="menu_categorias">Categorías</span>
    <span id="menu_catalogo">Catálogo</span>
</div>
<div id="categorias">Aquí las categorías</div>
<div id="catalogo">Aquí el catálogo</div>
</body>
</html>

por que asi no me ando :topsy_turvy:

Ale Hernandez · 1 Nov 2012

jaimcuev dijo:

haber seria asi ?

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
$(document).ready(function(){
    $("#catalogo").hide();
$("#menu_categorias").click(function(){$("#categorias").show();$("#catalogo").hide()});
$("#menu_catalogo").click(function(){$("#catalogo").show();$("#categorias").hide()});
});
</script>
</head>
<body>
<div id="menu">
    <span id="menu_categorias">Categorías</span>
    <span id="menu_catalogo">Catálogo</span>
</div>
<div id="categorias">Aquí las categorías</div>
<div id="catalogo">Aquí el catálogo</div>
</body>
</html>

por que asi no me ando :topsy_turvy:

Falta el jQuery, agrégalo debajo de <title>

HTML:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

Cómo crear un menú centrado en medio del texto

jaimcuev

Ale Hernandez

jaimcuev

Ale Hernandez

Temas similares