Como criar um menu centralizado no meio do texto

jaimcuev · 31/10/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 · 01/11/2012

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

jaimcuev · 01/11/2012

WeRunTheNite disse:
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 · 01/11/2012

jaimcuev disse:

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>

Como criar um menu centralizado no meio do texto

jaimcuev

Ale Hernandez

jaimcuev

Ale Hernandez

Tópicos similares