Foros del Web » Creando para Internet » CSS »

Navegación por pestañas con imagen fija

Estas en el tema de Navegación por pestañas con imagen fija en el foro de CSS en Foros del Web. Hola, a ver si me doy a enteder: Estoy trabajando con el siguiente código y de hecho funciona perfecto. Lo que yo deseo hacer es ...
  #1 (permalink)  
Antiguo 23/04/2009, 22:01
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Navegación por pestañas con imagen fija

Hola, a ver si me doy a enteder:
Estoy trabajando con el siguiente código y de hecho funciona perfecto.

Lo que yo deseo hacer es lo siguiente:


quiero saber cómo hago para que en la pestaña 1, muestre una imágen (marcada en la zona roja) sin necesidad alguna de clickear en ella.
El motivo radica en que sino quedaría ese espacio vacío y va en medio de la página.
He intentado colocando la imágen en el div id "explicación", y si bien logro el cometido, todos los contenidos de las demás pestañas, se desplazan hacia abajo.
Si hay alguien que me pueda orientar o sugerirme otra forma de lograr lo que busco, agradecida.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #2 (permalink)  
Antiguo 23/04/2009, 22:23
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Navegación por pestañas con imagen fija

Espero no estar ayudando al enemigo .

Si colocas la imagen flotada (float) dentro del div explicacion no debería haber problemas.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 23/04/2009, 22:26
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Navegación por pestañas con imagen fija

Parece que sí que estás ayudando al enemigo...
Cuidadito con Pao que es una chica de recursos!!

Lo que deseas hacer es poner las pestañas por debajo verdad? y después que debajo haya una imagen de fondo no?
me lo aclaras...?
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #4 (permalink)  
Antiguo 23/04/2009, 22:38
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: Navegación por pestañas con imagen fija

Gracias Ares, te explico:

a simple vista, debería verse tal como el boceto, y en la parte roja verse una imágen.
Luego clickeando sobre pestaña 2, que se abra sobre el div el contenido correspondiente a esa pestaña y así sucesivamente.
A lo que me refiero es que lo que correspondería a la pestaña 1 que será únicamente contenido de una imágen, el mismo se presente visible sin necesidad de clickear en la pestaña 1.
Espero haber sido más clara.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #5 (permalink)  
Antiguo 23/04/2009, 22:45
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Navegación por pestañas con imagen fija

¿Dices que si colocas dentro del div explicacion la imagen el resto de contenido de pestañas queda debajo? Porque yo probé hacerlo y eso no ocurre .
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #6 (permalink)  
Antiguo 23/04/2009, 22:50
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: Navegación por pestañas con imagen fija

No, lo que yo digo es que si coloco la imágen en el div id "explicación" que se ve en el ejemplo de Mikel, la imágen queda como yo quiero "fija", pero todos los contenidos de las demás pestañas abren por debajo.

David: Da gusto competir con vos.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #7 (permalink)  
Antiguo 23/04/2009, 22:51
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Navegación por pestañas con imagen fija

Creo haberte entendido y lo suyo sería que esa imagen, si va a estar fija y como parte del diseño no estuviera vinculada a la pestaña 1 sino en otro div. Si quieres que esté debajo del otro entonces utiliza position:relative, el desplazamiento y el z-index.
Si lo que quieres es que la imagen de abajo roja se cambie en cada pestaña, ya es un poco más engorroso, pero creo que lo que quieres es lo primero que te he dicho
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #8 (permalink)  
Antiguo 23/04/2009, 22:58
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: Navegación por pestañas con imagen fija

Ares, a esta hora no estoy muy lúcida; voy a probar con lo que me decís.
De todas formas explico lo siguiente: lo que ves en rojo es una imágen pero no necesariamente de fondo, es una imágen del diseño que sólo debería estar oculta en el caso de clickear en la pestaña 2, 3 ó 4. y presentarse visible independientemente de tener que clickear en la pestaña 1.
Mañana cuento como me fue y sino vuelvo a la carga.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #9 (permalink)  
Antiguo 23/04/2009, 23:15
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Navegación por pestañas con imagen fija

Ok, aventuro que te va a costar realizar lo que quieres...
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #10 (permalink)  
Antiguo 24/04/2009, 13:39
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: Navegación por pestañas con imagen fija

Finalmente lo logré; en cuanto tenga un momento, paso el código en limpio y lo subo por si a alguien puede servirle.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
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 17:49.