Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje13-04-2009, 22:55 (UTC)    
Título del mensaje: menu debajo de encabezado

chicos me urge saber como poner mi menu horizontakll debajo de mi encabezado! esta pregunta es frecuente pero quiero una explicacion detallada del tema!
pueden ver que mi menu esta ubicado enzima del cabezote! en mi web: www.cryf.es.tl

porfavor que alguien me ayude! y que porfavor no me manden links de otros temas de foro
Mensaje13-04-2009, 23:08 (UTC)    
Título del mensaje:

Hola,
Puedes utilizar el code de objetos flotantes por coordenadas:
Cita:
<div style="position:absolute;left:6px;top:350px;">
CÓDIGO DE TU MENÚ
</div>

Modifica el valor de left: mientras mas grande el número más a la derecha estará ubicado el menú.
Modifica el valor de top: mientras mas grande sea el número más abajo estará ubicado el menú.
Es cuestión de ir probando.

El code debe estar en "Texto por encima de la página" (Editar diseño/Configuraciones avanzadas)

Salu2!
Mensaje13-04-2009, 23:33 (UTC)    
Título del mensaje: nada!

oye hago lo que tu me dices! mi menu empieza con esa sentencia puse esto:

<div style="position:absolute;left:10px;top:50px;">
<head>
<style type="text/css">

pero el menu sigue saliendo enzima del cabezote y se corre el menu enespacios!

Mensaje13-04-2009, 23:35 (UTC)    
Título del mensaje:

Amigo, tu has puesto <head> y eso no es correecto. Tu tienes que colocar en donde dice CÓDIGO DE TU MENÚ el code de tu menú, el que has pegado por encima del cabezal. Y luego lo vas moviendo modificando los valores.

Slau2!
Mensaje13-04-2009, 23:44 (UTC)    
Título del mensaje: mi texto

hize todo lo que ud me dijo quite head y puse como valor 350 de top pero si observas mi web www.cryf.es.tl observaras claramente el problema que te digo

mira el codigo de mi menu horizontal y dime que esta mal!


<div style="position:absolute;left:10px;top:50px;">
<style type="text/css">

.pro_linedrop {
height:35px;
width:900px;
background:url(http://pixelea.com/s/e8239eafdc.gif);
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;}
.pro_linedrop .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;}
.pro_linedrop li {
float:left;
background:url(http://pixelea.com/s/78302797f1.gif);}
.pro_linedrop li.lrt {
float:right;
background:url(http://pixelea.com/s/2884b0d889.gif);}
.pro_linedrop .select a {
display:block; height:35px;
float:left;
background: url(http://pixelea.com/s/e8239eafdc.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#fc0;}
.pro_linedrop .select li.lrt a {color:#0ff;}
.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px;
background:url(http://pixelea.com/s/e8239eafdc.gif) right top;}
.pro_linedrop .select li.line a b {
background:url(http://pixelea.com/s/f40853e90c.gif) right top;}
.pro_linedrop .select a:hover,
.pro_linedrop .select li:hover a {
background: url(http://pixelea.com/s/78302797f1.gif);
padding:0 0 0 15px;
cursor:pointer; color:#fff;}
.pro_linedrop .select li.lrt a:hover,
.pro_linedrop .select li.lrt:hover a {
background: url(http://pixelea.com/s/2884b0d889.gif); }
.pro_linedrop .select a:hover b,
.pro_linedrop .select li:hover a b {
display:block;
padding:0 30px 0 15px;
background:url(http://pixelea.com/s/78302797f1.gif) right top;
cursor:pointer;}
.pro_linedrop .select li.line a:hover b,
.pro_linedrop .select li.line:hover a b {
background:url(http://pixelea.com/s/78302797f1.gif) right top; }
.pro_linedrop .select li.lrt a:hover b,
.pro_linedrop .select li.lrt:hover a b {
background:url(http://pixelea.com/s/2884b0d889.gif) right top; }
.pro_linedrop .select li.lrt a:hover b.arrow,
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(http://pixelea.com/s/5b5e01fee7.gif) right top; }
.pro_linedrop .sub {display:none;}
.pro_linedrop ul ul {display:none;}
.pro_linedrop table {
border-collapse:collapse;
margin:-1px; font-size:1em; width:0; height:0;}
.pro_linedrop .sub {margin:0; padding:0;list-style:none;}
.pro_linedrop .sub li {background:transparent;}
.pro_linedrop .select :hover .sub {
height:25px; display:block;
position:absolute; float:left;
width:900px; top:35px; left:0;
text-align:center;
background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif);
border:1px solid #aaa;}
.pro_linedrop .select :hover .rt li {float:right;}
.pro_linedrop .select :hover .sub li a
{display:block; height:25px; line-height:22px; float:left; background:transparent url();
padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}
.pro_linedrop .select :hover .sub li.subline a {color:#c00;}
.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative;
background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif) left bottom;}
</style>
</head>
<body>
<div class="pro_linedrop">
<ul class="select">
<li><a href="http://www.cryf.es.tl/%3DCRYF-GaMeS.htm"><b>CRYF GAMES</b></a></li>
<li><a href="http://www.cryf.es.tl/CRYF-TOOLBAR.htm"><b>DOWNLOAD CRYF TOOLBAR</b></a></li>
<li class="line"><a href="http://www.cryf.es.tl/world-cryf-chat.htm"><b>cryf chatrooms</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="lrt"><a href="http://www.cryf.es.tl/FREE-CRYF-REGISTRATION-ar-.htm"><b>CRYF REGISTRATION</b></a></li>
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub rt">
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</body>
Mensaje13-04-2009, 23:48 (UTC)    
Título del mensaje:

Ahora debes editar left :
Cita:
<div style="position:absolute;left:10px;top:50px;">
<style type="text/css">

.pro_linedrop {
height:35px;
width:900px;
background:url(http://pixelea.com/s/e8239eafdc.gif);
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;}
.pro_linedrop .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;}
.pro_linedrop li {
float:left;
background:url(http://pixelea.com/s/78302797f1.gif);}
.pro_linedrop li.lrt {
float:right;
background:url(http://pixelea.com/s/2884b0d889.gif);}
.pro_linedrop .select a {
display:block; height:35px;
float:left;
background: url(http://pixelea.com/s/e8239eafdc.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#fc0;}
.pro_linedrop .select li.lrt a {color:#0ff;}
.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px;
background:url(http://pixelea.com/s/e8239eafdc.gif) right top;}
.pro_linedrop .select li.line a b {
background:url(http://pixelea.com/s/f40853e90c.gif) right top;}
.pro_linedrop .select a:hover,
.pro_linedrop .select li:hover a {
background: url(http://pixelea.com/s/78302797f1.gif);
padding:0 0 0 15px;
cursor:pointer; color:#fff;}
.pro_linedrop .select li.lrt a:hover,
.pro_linedrop .select li.lrt:hover a {
background: url(http://pixelea.com/s/2884b0d889.gif); }
.pro_linedrop .select a:hover b,
.pro_linedrop .select li:hover a b {
display:block;
padding:0 30px 0 15px;
background:url(http://pixelea.com/s/78302797f1.gif) right top;
cursor:pointer;}
.pro_linedrop .select li.line a:hover b,
.pro_linedrop .select li.line:hover a b {
background:url(http://pixelea.com/s/78302797f1.gif) right top; }
.pro_linedrop .select li.lrt a:hover b,
.pro_linedrop .select li.lrt:hover a b {
background:url(http://pixelea.com/s/2884b0d889.gif) right top; }
.pro_linedrop .select li.lrt a:hover b.arrow,
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(http://pixelea.com/s/5b5e01fee7.gif) right top; }
.pro_linedrop .sub {display:none;}
.pro_linedrop ul ul {display:none;}
.pro_linedrop table {
border-collapse:collapse;
margin:-1px; font-size:1em; width:0; height:0;}
.pro_linedrop .sub {margin:0; padding:0;list-style:none;}
.pro_linedrop .sub li {background:transparent;}
.pro_linedrop .select :hover .sub {
height:25px; display:block;
position:absolute; float:left;
width:900px; top:35px; left:0;
text-align:center;
background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif);
border:1px solid #aaa;}
.pro_linedrop .select :hover .rt li {float:right;}
.pro_linedrop .select :hover .sub li a
{display:block; height:25px; line-height:22px; float:left; background:transparent url();
padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}
.pro_linedrop .select :hover .sub li.subline a {color:#c00;}
.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative;
background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif) left bottom;}
</style>
</head>
<body>
<div class="pro_linedrop">
<ul class="select">
<li><a href="http://www.cryf.es.tl/%3DCRYF-GaMeS.htm"><b>CRYF GAMES</b></a></li>
<li><a href="http://www.cryf.es.tl/CRYF-TOOLBAR.htm"><b>DOWNLOAD CRYF TOOLBAR</b></a></li>
<li class="line"><a href="http://www.cryf.es.tl/world-cryf-chat.htm"><b>cryf chatrooms</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="lrt"><a href="http://www.cryf.es.tl/FREE-CRYF-REGISTRATION-ar-.htm"><b>CRYF REGISTRATION</b></a></li>
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub rt">
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</body>
</div>


Salu2!
Mensaje13-04-2009, 23:53 (UTC)    
Título del mensaje: hehehehe

edite no solo left edite tambien top left !

pero nada sigue moviendose la pagina y no el menu



mira la web

www.cryf.es.tl

y veras que edite ambos
Mensaje14-04-2009, 00:02 (UTC)    
Título del mensaje:

Fíjate que al code que yo te di en ultimo mensaje que te envié le agregué al final </div> , agrégalo tu también en esa parte.

Salu2!
Mensaje14-04-2009, 00:07 (UTC)    
Título del mensaje: thanks

gracias man!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group