Brian M. Curran wrote:
>>> Brian M. Curran wrote:
>>> http://www.designhammer.com/services/web-design.php
[...]
> Thanks David.
>
> My friend just showed me how to do more things with firebug than I knew
> about, so now I have a few more questions to you all.
[...]
> 3.
> Lastly, you can get a list and images to hover over another image (the
> #dh-header-wrapper in this example) by using absolute positioning? It seems
> the images need a z index, but the list doesn't?
>
> Sincerely,
> Brian
Since this anchor is the child of div#dh-header, it is already higher in
the stacking order (painting order) [1]. Absolute positioning or z-index
is not required.
BTW, this CSS
#dh-header-wrapper {
background: #1e1e1e url(../images/common/header-wrap-bkgd.png)
repeat-x center top;
height: 153px;
width: 100%;
}
#dh-header {
height: 153px;
width: 830px;
margin: 0 auto;
background: transparent url(../images/common/header-bkgd.png)
no-repeat center top;
position: relative;
}
#dh-header a#project-logo {
display: block;
position: absolute;
top: 2px;
left: 0;
z-index: 1;
width: 276px;
height: 108px;
text-indent: -10000px;
background: transparent url(../images/common/designhammer-logo.png)
no-repeat 0 0;
}
could be simply this.
#dh-header-wrapper {
background: #1e1e1e url(../images/common/header-wrap-bkgd.png)
repeat-x center top;
}
#dh-header {
height: 153px;
width: 830px;
margin: 0 auto;
background: url(../images/common/header-bkgd.png) no-repeat center top;
position: relative;
}
#dh-header a#project-logo {
display: block;
width: 276px;
height: 108px;
text-indent: -10000px;
background: url(../images/common/designhammer-logo.png) no-repeat 0 0;
}
I began to comprehend CSS much better when I took hold of the shovel.
1. <http://www.w3.org/TR/CSS21/zindex.html>
--
Alan http://css-class.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/
