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/
