Foros del Web » Diseño web » CSS »

Menu CSS horizontal fijo

Estas en el tema de Menu CSS horizontal fijo en el foro de CSS en Foros del Web. Hola. Bueno la cuestion es que quiero hacer un menu conCSS en horizontal, para ello he mirado un tutorial para hacerlo con lista, y me ...
  #1 (permalink)  
Antiguo 15/03/2010, 04:19
 
Fecha de Ingreso: marzo-2009
Mensajes: 8
Antigüedad: 5 años, 7 meses
Puntos: 0
Menu CSS horizontal fijo

Hola.

Bueno la cuestion es que quiero hacer un menu conCSS en horizontal, para ello he mirado un tutorial para hacerlo con lista, y me funciona bien, el problema es que cuando se redimensiona la ventana, haciendola mas estrecha, el menu se descoloca y se ponen unos debajo de otros.

El ejemplo es este:

http://www.csslab.cl/ejemplos/menu_list.html

a ver si me dais alguna idea, gracias
  #2 (permalink)  
Antiguo 15/03/2010, 07:01
Avatar de JavierB
Moderata
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.055
Antigüedad: 12 años, 8 meses
Puntos: 767
Hola angelez

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #3 (permalink)  
Antiguo 15/03/2010, 07:45
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 6 años, 1 mes
Puntos: 20
Respuesta: Menu CSS horizontal fijo

Buenas,

si quieres que tu menu se adapte a la ventana debes maquetarla con unidades relativas (em).

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #4 (permalink)  
Antiguo 15/03/2010, 12:25
 
Fecha de Ingreso: marzo-2009
Mensajes: 8
Antigüedad: 5 años, 7 meses
Puntos: 0
Respuesta: Menu CSS horizontal fijo

Me imagino que te refieres a las unidades en el estilo CSS.

Lo he cambiado y no funciona, sigue moviéndose:
www.telefonica.net/web2/lascosasdeangel/menu.html

gracias

Última edición por angelez; 15/03/2010 a las 12:50
  #5 (permalink)  
Antiguo 15/03/2010, 12:30
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 8.888
Antigüedad: 6 años, 7 meses
Puntos: 1173
Respuesta: Menu CSS horizontal fijo

Lo que tienes que hacer es poner el menú con una medida fija.

Saludos
__________________
Aprender sin pensar es inútil. Pensar sin aprender, peligroso.
  #6 (permalink)  
Antiguo 15/03/2010, 12:40
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 6 años, 1 mes
Puntos: 20
Respuesta: Menu CSS horizontal fijo

Buenas,

he visto el código de tu web y se me ha quedado esta cara . Tienes estilos añadidos directamente en linea, usas tablas para la maquetación, y aunque usas medidas relativas, tienes el body al 80% de widt, deberias cambiarlo. Ah, y añade al css lo siguiente

* {
margin:0;
padding:0;
outline:0;
}

No te solventara tu duda, pero es muy aconsejable.

Mira, esta guía te ayudara a dejar las tablas para maquetar. También mira este ejemplo, es un menu centrado sencillo, que no se descolaca al redimensionar la ventana.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.

Última edición por Impostor; 15/03/2010 a las 14:15
  #7 (permalink)  
Antiguo 15/03/2010, 14:03
 
Fecha de Ingreso: septiembre-2004
Mensajes: 449
Antigüedad: 10 años, 1 mes
Puntos: 2
Respuesta: Menu CSS horizontal fijo

Cita:
Iniciado por Impostor Ver Mensaje
* {
margin:0;
padding:0;
outline:0;
}
Perdona Importor ese asterico con el codigo css lo he visto en muchas web que he destripado para ir aprendiendo css, pero todavia no se para que es???
Deberia ponerselo a la Web que estoy haciendo?
que funcion tiene?
saludos y muchas gracias
  #8 (permalink)  
Antiguo 15/03/2010, 15:34
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.455
Antigüedad: 12 años, 3 meses
Puntos: 361
Respuesta: Menu CSS horizontal fijo

Hola:

El asterisco es conocido como selector universal, esto quiere decir que todas las propiedades que se le den a este selector se aplican a todos los elementos de la página en cuestión. Ponerlo así es útil para resetear los valores por defecto que aplican los distintos navegadores a algunos elementos.

Saludos.

  #9 (permalink)  
Antiguo 15/03/2010, 16:01
 
Fecha de Ingreso: septiembre-2004
Mensajes: 449
Antigüedad: 10 años, 1 mes
Puntos: 2
Respuesta: Menu CSS horizontal fijo

muchas gracias, por la aclaracion jomaruro
  #10 (permalink)  
Antiguo 16/03/2010, 01:04
 
Fecha de Ingreso: marzo-2009
Mensajes: 8
Antigüedad: 5 años, 7 meses
Puntos: 0
Respuesta: Menu CSS horizontal fijo

Cita:
Iniciado por Impostor Ver Mensaje
Buenas,

he visto el código de tu web y se me ha quedado esta cara . Tienes estilos añadidos directamente en linea, usas tablas para la maquetación, y aunque usas medidas relativas, tienes el body al 80% de widt, deberias cambiarlo. Ah, y añade al css lo siguiente
Tienes razón, tengo que intentar hacer la página con DIV, pero eso llegará mas adelante, porque en Kompozer (que es el editor que uso) no se manejan muy bien los DIV.

En cuanto a los estilos CSS estan dentro de la página solo para probar, la idea es ponerla externa cuando sea definitiva.

Primero quiero apender a hacer el menú con CSS y que no se mueva cuando se redimensiona.

El manual es muy bueno, me lo estudiaré.

Última edición por angelez; 16/03/2010 a las 03:22

Etiquetas: fijo, 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 12:57.
SEO by vBSEO 3.3.2