Foros del Web » Creando para Internet » CSS »

Menu Horizontal

Estas en el tema de Menu Horizontal en el foro de CSS en Foros del Web. Tengo este estilo para crear un menu horizontal Cita: #menu ul { padding: 0px; margin: 0px; /*background-color: #333;*/ list-style: none; font-size: 14px; font-family:Arial, Helvetica, sans-serif; ...
  #1 (permalink)  
Antiguo 10/07/2008, 12:55
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Menu Horizontal

Tengo este estilo para crear un menu horizontal
Cita:
#menu ul {
padding: 0px;
margin: 0px;
/*background-color: #333;*/
list-style: none;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
width: 100%;
height: 120px;
float: left;
position:absolute; top:740px; left:90px;
}


#menu ul li {
display: inline;
}

#menu ul li a:link, #menu ul li a:visited {
background-color:#333;
color: #fff;
padding: 5px 15 px;
float: left;
text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:active{
color: #F30;
background-color: #CCC;
height: 20px
}
y en mi html lo llamo asi
Cita:
<div id="menu">
<ul>
<li><a href="#">THE MACHINE</a></li>

<li><a href="#">MEDIA</a></li>
<li><a href="#">BAR OWNERS</a></li>
<li><a href="#">MARKET</a></li>
<li><a href="#">CONTACT US</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">OTHER PRODUCTS AND SERVICES</a></li>
</ul>
</div>
El problema es que cuando publico sale el texto amontonado y no se lee bien

Aqui esta la imagen de lo que me ocurre

http://www.crmbusiness.biz/newsletter/menu.JPG

y el menu tiene que quedar mas o menos asi

http://www.crmbusiness.biz/newsletter/menu2.JPG
__________________
Say no more.......
  #2 (permalink)  
Antiguo 10/07/2008, 16:44
Avatar de messer  
Fecha de Ingreso: julio-2004
Mensajes: 467
Antigüedad: 13 años, 5 meses
Puntos: 5
Respuesta: Menu Horizontal

la propiedad padding esta mal y por eso no te la reconoce, las unidades deben ir unidas a los valores por ejemplo: 100px si dejas espacios, ya deja de reconocerlo.

Saludos!
__________________
<script type="text/messerScript"><!--
window.onload=function(){ loadMesserRules(this.href) }
--></script>
  #3 (permalink)  
Antiguo 10/07/2008, 16:46
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: Menu Horizontal

como asi, no entendi bien, te refieres a cual padding?
__________________
Say no more.......
  #4 (permalink)  
Antiguo 10/07/2008, 16:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Menu Horizontal

Este:

padding: 5px 15 px;

el espacio entre el 15 y px

Mikel.
  #5 (permalink)  
Antiguo 10/07/2008, 17:04
Avatar de messer  
Fecha de Ingreso: julio-2004
Mensajes: 467
Antigüedad: 13 años, 5 meses
Puntos: 5
Respuesta: Menu Horizontal

Je Je a veces hacemos las cosas pensando en que el resto de las personas piensa igual que nosotros.. Debi especificarlo. Gracias Mikmono por aclararlo.

Saludos!!
__________________
<script type="text/messerScript"><!--
window.onload=function(){ loadMesserRules(this.href) }
--></script>
  #6 (permalink)  
Antiguo 10/07/2008, 17:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Menu Horizontal

Cita:
Iniciado por messer Ver Mensaje
Je Je a veces hacemos las cosas pensando en que el resto de las personas piensa igual que nosotros.. Debi especificarlo. Gracias Mikmono por aclararlo.

Saludos!!
Perdona: me metí porque ví que no respondías y el usuario seguía conectado y a la espera de respuesta, e imaginé que estabas a otra cosa.

Mikel.
  #7 (permalink)  
Antiguo 10/07/2008, 17:15
Avatar de messer  
Fecha de Ingreso: julio-2004
Mensajes: 467
Antigüedad: 13 años, 5 meses
Puntos: 5
Respuesta: Menu Horizontal

No te preocupes, en realidad si estaba en otras cosas, pero es bueno que siempre haya alguien para aclarar nuestras dudas, creo que de eso se trata esto o no?

__________________
<script type="text/messerScript"><!--
window.onload=function(){ loadMesserRules(this.href) }
--></script>
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 19:33.