On Apr 15, 2010, at 8:06 PM, MEM wrote:
I would like to have the logo image to overlap the keyboard image for, let's
say, 10px on the left side.
http://lab.webhs.pt/webhs_testes/apregi/testOverlapHelp.php
I have applied z-index:3; on the logo image.
And z-index:1; on the keyboard image.
I was expecting that:
Adding a margin-left to #logotipo-apregi the image will overlap that value
over the keyboard image.
However, if we do that, we get that value as if they were on the same sack
and, consequently, the sum of both elements width gets bigger the container,
and the float drops.
Can I have your help in order to understand how can we properly work with
overlapping on this scenario please?
z-index only applies to positioned elements
http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index
at the moment, it has no effect at all on your page.
#logotipo-apregi,
#destaque-principal {
position: relative;
}
as a start.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
