Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje13-12-2008, 11:32 (UTC)    
Título del mensaje: problemas con los pixeles

si miran en mi web, verásn el menu horizontal descuadrado, ya que en todas las pantallas no hay los mismos tamaños...
lo que yo quiero hacer es poner ese menu centrado en mi pagina y a esa distancia del top...
para eso utilizo el llamado codigo pirro:
Código:
<div style="position:absolute;left:190px;top:360px;">

lo que ocurre es que donde pone top esta bien, pero donde pone left, al no ser todas las pantallas del mismo tamaño nunca queda bien...
como puedo centrar el menu en mi pagina...


PD: alguien tiene un menu horizontal mejor??


GRACIAS
Mensaje13-12-2008, 11:39 (UTC)    
Título del mensaje:

para centrarlo prueba con este code

Código:
<div align="center">
Mensaje13-12-2008, 11:43 (UTC)    
Título del mensaje:

mira lo que pasa...
se pone a un lado
Mensaje13-12-2008, 11:52 (UTC)    
Título del mensaje:

Pasame el código y donde lo has pegado y puede ser que te pueda resolver el problema.

Salu2¡
Mensaje13-12-2008, 11:58 (UTC)    
Título del mensaje:

ok:

Código:
<div align="center">

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

<style type="text/css">

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 80%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: navy url(media/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white;
padding: 5px 11px;
text-decoration: none;
border-right: 0px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: navy url(media/indentbg2.gif) center center repeat-x;
}

</style>
<div class="indentmenu">
<ul>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Inicio.htm">INICIO</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/%BFQuienes-somos-f-.htm">¿QUIENES SOMOS?</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/%BFDonde-estamos-f-.htm">¿DONDE ESTAMOS?</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Conciertos.htm">CONCIERTOS</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Zona-privada-.htm">ZONA PRIVADA</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Registrarse--k1-solo-socios-de-la-UMG-k2-.htm">REGISTRATE</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Contacto.htm">CONTACTO</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Libro-de-visitantes.htm">LIBRO DE VISITAS</a></li>
</ul>
</div>
</div>



PD: este lleva incluido el codigo mencionado por seba37
Mensaje13-12-2008, 12:08 (UTC)    
Título del mensaje:

a ver prueba ahora:

Código:
<center>
<style type="text/css">

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 80%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: navy url(media/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white;
padding: 5px 11px;
text-decoration: none;
border-right: 0px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: navy url(media/indentbg2.gif) center center repeat-x;
}

</style>
<div class="indentmenu">
<ul>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Inicio.htm">INICIO</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/%BFQuienes-somos-f-.htm">¿QUIENES SOMOS?</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/%BFDonde-estamos-f-.htm">¿DONDE ESTAMOS?</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Conciertos.htm">CONCIERTOS</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Zona-privada-.htm">ZONA PRIVADA</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Registrarse--k1-solo-socios-de-la-UMG-k2-.htm">REGISTRATE</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Contacto.htm">CONTACTO</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Libro-de-visitantes.htm">LIBRO DE VISITAS</a></li>
</ul>
</div>
</div>
 </center>




Mensaje13-12-2008, 12:12 (UTC)    
Título del mensaje:

asi me sale arriba del todo y sin centrar
Mensaje13-12-2008, 13:06 (UTC)    
Título del mensaje:

Prueba asi:

Esto lo colocas en texto por encima de la pagina:

Código:
<center>
<div class="indentmenu">
<ul>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Inicio.htm">INICIO</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/%BFQuienes-somos-f-.htm">¿QUIENES SOMOS?</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/%BFDonde-estamos-f-.htm">¿DONDE ESTAMOS?</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Conciertos.htm">CONCIERTOS</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Zona-privada-.htm">ZONA PRIVADA</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Registrarse--k1-solo-socios-de-la-UMG-k2-.htm">REGISTRATE</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Contacto.htm">CONTACTO</a></li>
<li><a href="http://unionmusicalgarrapinillos.es.tl/Libro-de-visitantes.htm">LIBRO DE VISITAS</a></li>
</ul>
</div>
</div>
 </center>


Esto en un box o en texto por debajo de la pagina:

Código:
<style type="text/css">

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 80%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: navy url(media/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white;
padding: 5px 11px;
text-decoration: none;
border-right: 0px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: navy url(media/indentbg2.gif) center center repeat-x;
}

</style>


estoy casi seguro de que asi es.

prueba y me dices si te funciona.

salu2.
______________
LO MAXIMO EN SMILEYS PARA MSN
Mensaje13-12-2008, 13:29 (UTC)    
Título del mensaje:

Amigo estas teniendo un error, cuando descargaste el archivo que viene con el menu seguro que te trajo una imagen, bueno esa imagen la tienes que subir a algun host de imagenes y depsues remplazar lo siguiente que te mostrare por la url:

En este caso nesecitas 2 Imagenes. Eso puede ser el problema de visualizacion.
Cita:

<style type="text/css">

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 80%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: navy url(media/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white;
padding: 5px 11px;
text-decoration: none;
border-right: 0px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: navy url(media/indentbg2.gif) center center repeat-x;
}

</style>

______________
[Links externos no se admiten en la firma de foro]


Ultima edición por ishared el Sab Dic 13, 2008 9:35 am; editado 5 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group