Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje29-08-2011, 02:27 (UTC)    
Título del mensaje: Necesito ayuda con un menú css

Hola,

Tengo un problema con un menu css que instale, lo quise poner donde yo queria centrado y arriba lo logre, pero el problema que me surgio en que al cambiar de resolucion o al agrandar o achicar la web, este se deforma o mas bien se va moviendo de lugar .

Podria aver alguna solución Aqui esta el codigo:


Código:
<div style="position:absolute;left:280px;top:360px;"><style media="all" type="text/css">@import "http://basedrive.zobyhost.com/images/menu_style.css";</style>
<div class="menu">
<ul>
    <li><a target="_self" href="Mi link 1">Menu</a></li>
    <li><a target="_self" href="Mi link 2">Menu</a></li>
    <li><a target="_self" href="Mi link 3">Menu</a></li>
    <li><a target="_self" href="Mi link 4">Menu</a></li>
</ul>
</div>
</div>


Donde dice
Código:
 position:absolute
Lo e cambiado a "static"
pero no logro nada osea queda estatico pero abajo y asi no me sirve.
Me ayudaria mucho una manito con este problema.

Saludos amigos de pwg.

PD: Tambien e ido a unos cuantos cibers con una pantalla mas grande y si el menu se mueve mas a la izquierda.


Ultima edición por dolaresdiarios el Dom Ago 28, 2011 10:33 pm; editado 1 vez
Mensaje29-08-2011, 02:47 (UTC)    
Título del mensaje: Re: Necesito ayuda con un menú css

coloca este codigo :

[quote="dolaresdiarios"]Hola,

Tengo un problema con un menu css que instale, lo quise poner donde yo queria centrado y arriba lo logre, pero el problema que me surgio en que al cambiar de resolucion o al agrandar o achicar la web, este se deforma o mas bien se va moviendo de lugar .

Podria aver alguna solución Aqui esta el codigo:


Código:
<div style="position:absolute;left:280px;top:360px;"><style media="all" type="text/css">@import "http://basedrive.zobyhost.com/images/menu_style.css";</style>
<div class="menu">
<ul>
    <li><a target="_self" href="Mi link 1">Menu</a></li>
    <li><a target="_self" href="Mi link 2">Menu</a></li>
    <li><a target="_self" href="Mi link 3">Menu</a></li>
    <li><a target="_self" href="Mi link 4">Menu</a></li>
</ul>
</div>
</div>

______________
Es una reina, es una reina, fiesta fiesta. Tito el bambino
Mensaje29-08-2011, 13:25 (UTC)    
Título del mensaje: Re: Necesito ayuda con un menú css

[quote="brianpwg"]coloca este codigo :

dolaresdiarios escribió:
Hola,

Tengo un problema con un menu css que instale, lo quise poner donde yo queria centrado y arriba lo logre, pero el problema que me surgio en que al cambiar de resolucion o al agrandar o achicar la web, este se deforma o mas bien se va moviendo de lugar .

Podria aver alguna solución Aqui esta el codigo:


Código:
<div style="position:absolute;left:280px;top:360px;"><style media="all" type="text/css">@import "http://basedrive.zobyhost.com/images/menu_style.css";</style>
<div class="menu">
<ul>
    <li><a target="_self" href="Mi link 1">Menu</a></li>
    <li><a target="_self" href="Mi link 2">Menu</a></li>
    <li><a target="_self" href="Mi link 3">Menu</a></li>
    <li><a target="_self" href="Mi link 4">Menu</a></li>
</ul>
</div>
</div>


Hola,

Es el mismo codigo que puse yo,
Saludos.
Mensaje29-08-2011, 18:36 (UTC)    
Título del mensaje: Re: Necesito ayuda con un menú css

Intenta borrandole el :

<div style="position:absolute;left:280px;top:360px;">
______________
Es una reina, es una reina, fiesta fiesta. Tito el bambino
Mensaje29-08-2011, 19:11 (UTC)    
Título del mensaje: Re: Necesito ayuda con un menú css

brianpwg escribió:
Intenta borrandole el :

<div style="position:absolute;left:280px;top:360px;">


Hola Brian si borro
Código:
<div style="position:absolute;left:280px;top:360px;">


No podre ubicar el menú donde yo quiero por que si se lo quito solo podre ponerlo en lugares especificos.

Una pregunta brian, tu vez el menu que tengo en mi pagina centrado o fuera de lugar?

Saludos y gracias.
Mensaje29-08-2011, 19:14 (UTC)    
Título del mensaje: Re: Necesito ayuda con un menú css

dolaresdiarios escribió:
brianpwg escribió:
Intenta borrandole el :

<div style="position:absolute;left:280px;top:360px;">


Hola Brian si borro
Código:
<div style="position:absolute;left:280px;top:360px;">


No podre ubicar el menú donde yo quiero por que si se lo quito solo podre ponerlo en lugares especificos.

Una pregunta brian, tu vez el menu que tengo en mi pagina centrado o fuera de lugar?

Saludos y gracias.

Hay dos , el Principal y uno abajo Negrito . Que esta dentro del Cuadro . Nose , yo lo veo bien , el problema debe ser que tiene pocas Paginas en ese Menu NEGRO,intenta agregandole MAS y se agrandara y no quedara tan mal . Entiendes ?
______________
Es una reina, es una reina, fiesta fiesta. Tito el bambino
Mensaje29-08-2011, 19:32 (UTC)    
Título del mensaje: Re: Necesito ayuda con un menú css

brianpwg escribió:
dolaresdiarios escribió:
brianpwg escribió:
Intenta borrandole el :

<div style="position:absolute;left:280px;top:360px;">


Hola Brian si borro
Código:
<div style="position:absolute;left:280px;top:360px;">


No podre ubicar el menú donde yo quiero por que si se lo quito solo podre ponerlo en lugares especificos.

Una pregunta brian, tu vez el menu que tengo en mi pagina centrado o fuera de lugar?

Saludos y gracias.

Hay dos , el Principal y uno abajo Negrito . Que esta dentro del Cuadro . Nose , yo lo veo bien , el problema debe ser que tiene pocas Paginas en ese Menu NEGRO,intenta agregandole MAS y se agrandara y no quedara tan mal . Entiendes ?


Si, si entiendo okey lo intentare muchas gracias por tu ayuda.

Tu vez asi el menu como yo ?



Saludos y gracias.
Mensaje29-08-2011, 19:52 (UTC)    
Título del mensaje: Re: Necesito ayuda con un menú css

dolaresdiarios escribió:
brianpwg escribió:
dolaresdiarios escribió:
brianpwg escribió:
Intenta borrandole el :

<div style="position:absolute;left:280px;top:360px;">


Hola Brian si borro
Código:
<div style="position:absolute;left:280px;top:360px;">


No podre ubicar el menú donde yo quiero por que si se lo quito solo podre ponerlo en lugares especificos.

Una pregunta brian, tu vez el menu que tengo en mi pagina centrado o fuera de lugar?

Saludos y gracias.

Hay dos , el Principal y uno abajo Negrito . Que esta dentro del Cuadro . Nose , yo lo veo bien , el problema debe ser que tiene pocas Paginas en ese Menu NEGRO,intenta agregandole MAS y se agrandara y no quedara tan mal . Entiendes ?


Si, si entiendo okey lo intentare muchas gracias por tu ayuda.

Tu vez asi el menu como yo ?



Saludos y gracias.

Lo veoe un chiqitin mas a la Izquierda
______________
Es una reina, es una reina, fiesta fiesta. Tito el bambino
Mensaje29-08-2011, 20:35 (UTC)    
Título del mensaje: Re: Necesito ayuda con un menú css

brianpwg escribió:
dolaresdiarios escribió:
brianpwg escribió:
dolaresdiarios escribió:
brianpwg escribió:
Intenta borrandole el :

<div style="position:absolute;left:280px;top:360px;">


Hola Brian si borro
Código:
<div style="position:absolute;left:280px;top:360px;">


No podre ubicar el menú donde yo quiero por que si se lo quito solo podre ponerlo en lugares especificos.

Una pregunta brian, tu vez el menu que tengo en mi pagina centrado o fuera de lugar?

Saludos y gracias.

Hay dos , el Principal y uno abajo Negrito . Que esta dentro del Cuadro . Nose , yo lo veo bien , el problema debe ser que tiene pocas Paginas en ese Menu NEGRO,intenta agregandole MAS y se agrandara y no quedara tan mal . Entiendes ?


Si, si entiendo okey lo intentare muchas gracias por tu ayuda.

Tu vez asi el menu como yo ?



Saludos y gracias.

Lo veoe un chiqitin mas a la Izquierda


Okey, muchas gracias por todo Brian.
Saludos.
Mensaje29-08-2011, 21:20 (UTC)    
Título del mensaje:

Hola dolaresdiarios,

Podrías dejarme los códigos de la plantilla para yo ir probando el menú y tratar de conseguirle una solución.

Saludos!
Atte: iPWG
Mensaje29-08-2011, 21:46 (UTC)    
Título del mensaje:

ipwg escribió:
Hola dolaresdiarios,

Podrías dejarme los códigos de la plantilla para yo ir probando el menú y tratar de conseguirle una solución.

Saludos!
Atte: iPWG


Okey, te envie un Mp con la plantilla.

Saludos.
Mensaje29-08-2011, 22:12 (UTC)    
Título del mensaje:

fácil,y asi se centra en todas las resoluciones

Cita:
<style media="all" type="text/css">@import "http://basedrive.zobyhost.com/images/menu_style.css";</style>
<div class="menu" style="margin-left:0 auto;margin-right:0 auto;">
<ul>
<li><a target="_self" href="Mi link 1">Menu</a></li>
<li><a target="_self" href="Mi link 2">Menu</a></li>
<li><a target="_self" href="Mi link 3">Menu</a></li>
<li><a target="_self" href="Mi link 4">Menu</a></li>
</ul>
</div>

______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mensaje30-08-2011, 00:05 (UTC)    
Título del mensaje:

Hola dolaresdiarios,

Listo amigo ya lo solucione me costo un poco estar probando varios códigos pero lo logre pero tienes condiciones para usarlo.

+ Puse 6 links en el menú por que quedan espacios pero esos espacios los puedes correr depende del titulo de link que se alarguen trata de poner 6 links con títulos normales no tan largos por que se deforma el menú pero no te compliques con eso.

Este es el código de "Texto por encima de la pagina".

Cita:
<link href="http://basedrive.zobyhost.com/images/menu_style.css" rel="stylesheet" type="text/css" />
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title">
<h1><a href="http://dolaresdiarios.es.tl/inicio.htm"><img src="http://i667.photobucket.com/albums/vv32/xXxthe-pipexXx/Dolares%20Diarios/cabezal.png" alt="logo" /><span>Gane Dinero Por Interner</span></a></h1>
</div> <!-- end of site_title -->

<ul id="social_box">
<li><a href="#"><img src="http://flashspain.net/FlashSpain/Plantillas/BlueIce/images/facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="http://flashspain.net/FlashSpain/Plantillas/BlueIce/images/twitter.png" alt="twitter" /></a></li>
<li><a href="#"><img src="http://flashspain.net/FlashSpain/Plantillas/BlueIce/images/linkedin.png" alt="linkin" /></a></li>
<li><a href="#"><img src="http://flashspain.net/FlashSpain/Plantillas/BlueIce/images/technorati.png" alt="technorati" /></a></li>
<li><a href="#"><img src="http://flashspain.net/FlashSpain/Plantillas/BlueIce/images/myspace.png" alt="myspace" /></a></li>
</ul>

</div> <!-- end of templatemo_header -->

<div id="templatemo_menu">
<div class="home"><a href="inicio.htm"></a></div>
<ul>
<li><a href="Ganar-dinero.htm">COMO GANAR<span>Dinero</span></a></li>
<li><a href="Registrarse-en-neobux.htm">COMO REGISTRARSE EN<span>Neobux</span></a></li>
<li><a href="Pruebas-de-pago.htm">PRUEBAS DE PAGO<span>Neobux</span></a></li>
<li><a href="Contacto.htm" class="last">ALGUNA PREGUNTA?<span>Contactanos</span></a></li>
</ul>
</div> <!-- end of templatemo_menu -->

<div style="margin-top: -65px;margin-left: 130px;margin-right: 100px;">
<div class="menu">
<ul>
<li><a target="_self" href="Mi link 1">Menu</a></li>
<li><a target="_self" href="Mi link 2">Menu</a></li>
<li><a target="_self" href="Mi link 3">Menu</a></li>
<li><a target="_self" href="Mi link 4">Menu</a></li>
<li><a target="_self" href="Mi link 5">Menu</a></li>
<li><a target="_self" href="Mi link 6">Menu</a></li>
</ul>
</div>
</div>

<div id="templatemo_content_wrapper"><br>
<div id="templatemo_content_top"></div>
<div id="templatemo_content">


+ Espero haberle ayudado hice todo lo posible por acomodar el menú abajo del menú principal y espero que le halla gustado y servido, pero lo bueno de todo es que con cualquier resolución el menú no se mueve de allí.

Saludos!
Atte: iPWG
Mensaje30-08-2011, 00:23 (UTC)    
Título del mensaje:

ipwg escribió:
Hola dolaresdiarios,

Listo amigo ya lo solucione me costo un poco estar probando varios códigos pero lo logre pero tienes condiciones para usarlo.

+ Puse 6 links en el menú por que quedan espacios pero esos espacios los puedes correr depende del titulo de link que se alarguen trata de poner 6 links con títulos normales no tan largos por que se deforma el menú pero no te compliques con eso.

Este es el código de "Texto por encima de la pagina".

Cita:
<link href="http://basedrive.zobyhost.com/images/menu_style.css" rel="stylesheet" type="text/css" />
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title">
<h1><a href="http://dolaresdiarios.es.tl/inicio.htm"><img src="http://i667.photobucket.com/albums/vv32/xXxthe-pipexXx/Dolares%20Diarios/cabezal.png" alt="logo" /><span>Gane Dinero Por Interner</span></a></h1>
</div> <!-- end of site_title -->

<ul id="social_box">
<li><a href="#"><img src="http://flashspain.net/FlashSpain/Plantillas/BlueIce/images/facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="http://flashspain.net/FlashSpain/Plantillas/BlueIce/images/twitter.png" alt="twitter" /></a></li>
<li><a href="#"><img src="http://flashspain.net/FlashSpain/Plantillas/BlueIce/images/linkedin.png" alt="linkin" /></a></li>
<li><a href="#"><img src="http://flashspain.net/FlashSpain/Plantillas/BlueIce/images/technorati.png" alt="technorati" /></a></li>
<li><a href="#"><img src="http://flashspain.net/FlashSpain/Plantillas/BlueIce/images/myspace.png" alt="myspace" /></a></li>
</ul>

</div> <!-- end of templatemo_header -->

<div id="templatemo_menu">
<div class="home"><a href="inicio.htm"></a></div>
<ul>
<li><a href="Ganar-dinero.htm">COMO GANAR<span>Dinero</span></a></li>
<li><a href="Registrarse-en-neobux.htm">COMO REGISTRARSE EN<span>Neobux</span></a></li>
<li><a href="Pruebas-de-pago.htm">PRUEBAS DE PAGO<span>Neobux</span></a></li>
<li><a href="Contacto.htm" class="last">ALGUNA PREGUNTA?<span>Contactanos</span></a></li>
</ul>
</div> <!-- end of templatemo_menu -->

<div style="margin-top: -65px;margin-left: 130px;margin-right: 100px;">
<div class="menu">
<ul>
<li><a target="_self" href="Mi link 1">Menu</a></li>
<li><a target="_self" href="Mi link 2">Menu</a></li>
<li><a target="_self" href="Mi link 3">Menu</a></li>
<li><a target="_self" href="Mi link 4">Menu</a></li>
<li><a target="_self" href="Mi link 5">Menu</a></li>
<li><a target="_self" href="Mi link 6">Menu</a></li>
</ul>
</div>
</div>

<div id="templatemo_content_wrapper"><br>
<div id="templatemo_content_top"></div>
<div id="templatemo_content">


+ Espero haberle ayudado hice todo lo posible por acomodar el menú abajo del menú principal y espero que le halla gustado y servido, pero lo bueno de todo es que con cualquier resolución el menú no se mueve de allí.

Saludos!
Atte: iPWG


Te pasaste ipwg,

deveras que me ayudaste con este problemilla muchísimas gracias se nota que que le pusiste empeño y eso se valora mucho ,

Saludos y muchas gracias por todo.
Mensaje30-08-2011, 00:41 (UTC)    
Título del mensaje:

De nada amigo siempre ayudare en lo que pueda y me alegra que te halla ayudado.

Saludos!
Atte: iPWG
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group