[Ovillo] Imagen sobrepuesta sobre otra

2009-10-13 Por tema ReynierPM 
Buenas tardes a todos:
Tengo dos imágenes de las cuales una es más grande que la otra y se 
solapa con la pequeña. Este es el HTML asociado a dichas imágenes:

div id=logo class=span-4
   a href=index.phpimg src=/images/logo.gif/a
/div
div id=main-container class=span-24 last
   div id=tina class=span-12
   a href=order.phpimg src=/images/content/order-now.jpg 
alt=Order Now //a
/div

He intentado poniendo un z-index inmenso al div#logo y un z-index 
pequeño al div#tina pero aún así se me sigue solapando la imagen 
grande sobre la pequeña. Los CSS asociados son los siguientes:

div#logo {
height:115px;
overflow: auto;
 z-index: 1000;
}

div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat right top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
}

¿Alguna ayuda? ¿Sugerencias?
-- 
Saludos
ReynierPM
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Imagen sobrepuesta sobre otra

2009-10-13 Por tema Ignacio Ricci 
Repito por enésima vez. Pongan el ejemplo online.

2009/10/13 ReynierPM rper...@uci.cu

 Buenas tardes a todos:
 Tengo dos imágenes de las cuales una es más grande que la otra y se
 solapa con la pequeña. Este es el HTML asociado a dichas imágenes:

 div id=logo class=span-4
   a href=index.phpimg src=/images/logo.gif/a
 /div
 div id=main-container class=span-24 last
   div id=tina class=span-12
   a href=order.phpimg src=/images/content/order-now.jpg
 alt=Order Now //a
 /div

 He intentado poniendo un z-index inmenso al div#logo y un z-index
 pequeño al div#tina pero aún así se me sigue solapando la imagen
 grande sobre la pequeña. Los CSS asociados son los siguientes:

 div#logo {
height:115px;
overflow: auto;
 z-index: 1000;
 }

 div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat right
 top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
 }

 ¿Alguna ayuda? ¿Sugerencias?
 --
 Saludos
 ReynierPM
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
↓۝ Ignacio Ricci
www.ignacioricci.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Imagen sobrepuesta sobre otra

2009-10-13 Por tema Ignacio Ricci 
Y no existe el Z-index negativo...

2009/10/13 Ignacio Ricci ignacio.ri...@gmail.com

 Repito por enésima vez. Pongan el ejemplo online.

 2009/10/13 ReynierPM rper...@uci.cu

 Buenas tardes a todos:
 Tengo dos imágenes de las cuales una es más grande que la otra y se
 solapa con la pequeña. Este es el HTML asociado a dichas imágenes:

 div id=logo class=span-4
   a href=index.phpimg src=/images/logo.gif/a
 /div
 div id=main-container class=span-24 last
   div id=tina class=span-12
   a href=order.phpimg src=/images/content/order-now.jpg
 alt=Order Now //a
 /div

 He intentado poniendo un z-index inmenso al div#logo y un z-index
 pequeño al div#tina pero aún así se me sigue solapando la imagen
 grande sobre la pequeña. Los CSS asociados son los siguientes:

 div#logo {
height:115px;
overflow: auto;
 z-index: 1000;
 }

 div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat right
 top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
 }

 ¿Alguna ayuda? ¿Sugerencias?
 --
 Saludos
 ReynierPM
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




 --
 ↓۝ Ignacio Ricci
 www.ignacioricci.com




-- 
↓۝ Ignacio Ricci
www.ignacioricci.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Imagen sobrepuesta sobre otra

2009-10-13 Por tema I'm Jepser 
de hecho si existen los negativos
http://www.w3schools.com/Css/pr_pos_z-index.asp

El 13 de octubre de 2009 11:29, Ignacio Ricci ignacio.ri...@gmail.comescribió:

 Y no existe el Z-index negativo...

 2009/10/13 Ignacio Ricci ignacio.ri...@gmail.com

  Repito por enésima vez. Pongan el ejemplo online.
 
  2009/10/13 ReynierPM rper...@uci.cu
 
  Buenas tardes a todos:
  Tengo dos imágenes de las cuales una es más grande que la otra y se
  solapa con la pequeña. Este es el HTML asociado a dichas imágenes:
 
  div id=logo class=span-4
a href=index.phpimg src=/images/logo.gif/a
  /div
  div id=main-container class=span-24 last
div id=tina class=span-12
a href=order.phpimg src=/images/content/order-now.jpg
  alt=Order Now //a
  /div
 
  He intentado poniendo un z-index inmenso al div#logo y un z-index
  pequeño al div#tina pero aún así se me sigue solapando la imagen
  grande sobre la pequeña. Los CSS asociados son los siguientes:
 
  div#logo {
 height:115px;
 overflow: auto;
  z-index: 1000;
  }
 
  div#tina {
 background: url(../images/content/tina-grande.jpg) no-repeat
 right
  top;
 margin-top:-56px;
 margin-right: 0px;
 height: 570px;
 z-index: -1000;
  }
 
  ¿Alguna ayuda? ¿Sugerencias?
  --
  Saludos
  ReynierPM
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 
 
 
  --
  ↓۝ Ignacio Ricci
  www.ignacioricci.com
 



 --
 ↓۝ Ignacio Ricci
 www.ignacioricci.com
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Jepser Bernardino
www.npixels.net
twitter jepser
tel. 52730528
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Imagen sobrepuesta sobre otra

2009-10-13 Por tema ReynierPM 
Hola:
Disculpen sino puse el ejemplo. Aquí está: 
http://jose-couto.com/pintpal2/. Observen como la imagen que dice 
PintPal la grande del vaso de helado se sobrepone a la imagen del Logo.

Ignacio Ricci wrote:
 Repito por enésima vez. Pongan el ejemplo online.
 
 2009/10/13 ReynierPM rper...@uci.cu
 
 Buenas tardes a todos:
 Tengo dos imágenes de las cuales una es más grande que la otra y se
 solapa con la pequeña. Este es el HTML asociado a dichas imágenes:

 div id=logo class=span-4
   a href=index.phpimg src=/images/logo.gif/a
 /div
 div id=main-container class=span-24 last
   div id=tina class=span-12
   a href=order.phpimg src=/images/content/order-now.jpg
 alt=Order Now //a
 /div

 He intentado poniendo un z-index inmenso al div#logo y un z-index
 pequeño al div#tina pero aún así se me sigue solapando la imagen
 grande sobre la pequeña. Los CSS asociados son los siguientes:

 div#logo {
height:115px;
overflow: auto;
 z-index: 1000;
 }

 div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat right
 top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
 }

 ¿Alguna ayuda? ¿Sugerencias?
 --
 Saludos
 ReynierPM
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

 
 
 

-- 
Saludos
ReynierPM
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Imagen sobrepuesta sobre otra

2009-10-13 Por tema Ignacio Ricci 
Estas usando margen negativo, por eso se pisa el logo.
Ponele a: *div#logo*, position relative, y z-index:1


2009/10/13 ReynierPM rper...@uci.cu

 Hola:
 Disculpen sino puse el ejemplo. Aquí está:
 http://jose-couto.com/pintpal2/. Observen como la imagen que dice
 PintPal la grande del vaso de helado se sobrepone a la imagen del Logo.

 Ignacio Ricci wrote:
  Repito por enésima vez. Pongan el ejemplo online.
 
  2009/10/13 ReynierPM rper...@uci.cu
 
  Buenas tardes a todos:
  Tengo dos imágenes de las cuales una es más grande que la otra y se
  solapa con la pequeña. Este es el HTML asociado a dichas imágenes:
 
  div id=logo class=span-4
a href=index.phpimg src=/images/logo.gif/a
  /div
  div id=main-container class=span-24 last
div id=tina class=span-12
a href=order.phpimg src=/images/content/order-now.jpg
  alt=Order Now //a
  /div
 
  He intentado poniendo un z-index inmenso al div#logo y un z-index
  pequeño al div#tina pero aún así se me sigue solapando la imagen
  grande sobre la pequeña. Los CSS asociados son los siguientes:
 
  div#logo {
 height:115px;
 overflow: auto;
  z-index: 1000;
  }
 
  div#tina {
 background: url(../images/content/tina-grande.jpg) no-repeat
 right
  top;
 margin-top:-56px;
 margin-right: 0px;
 height: 570px;
 z-index: -1000;
  }
 
  ¿Alguna ayuda? ¿Sugerencias?
  --
  Saludos
  ReynierPM
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 
 
 

 --
 Saludos
 ReynierPM
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
↓۝ Ignacio Ricci
www.ignacioricci.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Imagen sobrepuesta sobre otra

2009-10-13 Por tema Mario Álvarez 
Sólo agregale posición relativa al div del logo.Yo lo comprobé en Firebug.

Saludos.

2009/10/13 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar

 ReynierPM escribió:
  Hola:
  Disculpen sino puse el ejemplo. Aquí está:
  http://jose-couto.com/pintpal2/. Observen como la imagen que dice
  PintPal la grande del vaso de helado se sobrepone a la imagen del Logo.
 

 Tienes un margen negativo en:

 div#tina {
 margin-top:-56px;
 }

 Eso es lo que sube al vaso de helado.

 Saludos!

 --
 Hernán Beati
 http://www.saberweb.com.ar
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Mario Álvarez
twitter: @magrio
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Imagen sobrepuesta sobre otra

2009-10-13 Por tema ReynierPM 
  Sólo agregale posición relativa al div del logo.Yo lo comprobé en
  Firebug.

Gracias a todos ahora me funciona sin problemas
-- 
Saludos
ReynierPM
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo