Foros del Web » Creando para Internet » HTML »

Urgente problema con menu horizontal

Estas en el tema de Urgente problema con menu horizontal en el foro de HTML en Foros del Web. Hola a todas las gentes de la comunidad forosdelweb, bueno hace poco empeze con html y css no mas de 20 dias, mi problema consiste ...
  #1 (permalink)  
Antiguo 11/02/2010, 00:06
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 14 años, 1 mes
Puntos: 0
Urgente problema con menu horizontal

Hola a todas las gentes de la comunidad forosdelweb, bueno hace poco empeze con html y css no mas de 20 dias, mi problema consiste en cuando voy a crear un menu horizontal los botones me quedan bien y todo, pero siempre me queda un espacio libre al final del menu de la parte derecha, no le encontre la solucion probe de mil maneras, aca les dejo el codigo

Codigo HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="es">
<head>
<title>Actives Gaming - Pagina creada por Alan</title>
<!-- Hojas de estilos -->
<link rel="stylesheet" href="Estilos.css" type="text/css">
<meta name="description" content="Juegos, counter strike, mu online, informatica, musica">
</head>
<body>
<!-- Comienza encabezado -->
<div id="cabezera">
Comienzo de la cabezera
</div>
<ul id="menuhorizontal">
<center>
<li><a href="">Nada</a></li>
<li><a href="">Nada</a></li>
<li><a href="">Nada</a></li>
<li><a href="">Nada</a></li>
</center>
</ul>


Codigo CSS:

#menuhorizontal
{
font-family:Arial;
width:100%;
list-style-type:none;
padding:0px;
margin:0px;
}

#menuhorizontal a:visited, #menuhorizontal a:link
{
position:relative;
top:7px;
width:150px;
text-decoration:none;
background-color:#000000;
color:#999999;
border-style:outset;
padding:2px 5px;
}

#menuhorizontal a:hover
{
background-color:#CCCCCC;
color:#FFFFFF
}

#menuhorizontal li
{
display:inline
}

Cual puede ser el problema?
Salu2

Última edición por elkpo15; 11/02/2010 a las 02:28
  #2 (permalink)  
Antiguo 11/02/2010, 02:28
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Urgente problema con menu horizontal

No saben que puede ser es urgente por favor :(
  #3 (permalink)  
Antiguo 11/02/2010, 02:39
 
Fecha de Ingreso: enero-2006
Ubicación: Pina (Mallorca -Illes Balears-)
Mensajes: 348
Antigüedad: 18 años, 2 meses
Puntos: 28
Respuesta: Urgente problema con menu horizontal

Asi rapidamente prueba con:

#menuhorizontal a:visited, #menuhorizontal a:link
{
position:relative;
top:7px;
width:150px;
text-decoration:none;
background-color:#000000;
color:#999999;
border-style:outset;
padding:2px 5px;
}

Quita la ultima linea (padding:2px 5px;). Si no es eso comentalo y lo pruebo bien.
  #4 (permalink)  
Antiguo 11/02/2010, 02:50
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Urgente problema con menu horizontal

No eso no puede ser por que es adentro del "boton" osea 2px la separacion de y, 5px la separacion de x dentro del boton, el problema es que me queda un hueco a la derecha del menu, onda que se ven los 4 botones y la derecha de todo no queda relleno, queda el hueco y me gustaria que los 4 botones tengan una medida que multiplicado por 4 rellene el width al 100% de la linea del menuhorizontal.
Salu2
  #5 (permalink)  
Antiguo 11/02/2010, 21:51
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Urgente problema con menu horizontal

Ya lo arregle el tema de los botones, una pregunta, alguien sabe como hacer para ke los botones no hagan salto de linea a medida que voy alchicando el mozilla tienen idea?
  #6 (permalink)  
Antiguo 14/02/2010, 05:29
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Urgente problema con menu horizontal

Hola:

Para centrar prueba a cambiar esto:

Código:
#menuhorizontal {
font-family:Arial;
width:100%;
list-style-type:none;
padding:0px;
margin:0 auto;
}
Y para que no se te descoloque el menú al reducir el navegador prueba con

Código:
min-width: 950px; 
Lógicamente los 950px son un ejemplo, tú adáptalo a tus necesidades.

Saludos.


Etiquetas: horizontal
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:26.