Hello!

The problem I am having is that my logo is interfering with the display of the DNN admin toolbar. This seems to have to do with the z-index of the logo.

Here is the code from the asc skin file that contains the logo and top bar. (You cant see the top bar in my screen shots so its of no consequence. The logo is the problem here.)

<img class="header1" alt="" src="<%= SkinPath %>images/richecho_up_lft.jpg" />
        <table class="EchoLogo" ><tr><td><dnn:LOGO runat="server" id="dnnLOGO" /></td></tr></table>

The logo obscures the admin menu when I use certain z-index settings in the skin.css file. If I use the following:

.header1  {

    position: absolute;
    height: 129px;
    width: 155px ;
     left: 0px; 
    top: 0px;
    -z-index:-10 ;
    float: left;
    clear: right;
        z-index:0 ;
}

table.EchoLogo
    {
        position: absolute;
        top: 0px;
        left: 3px;
                z-index:0;
    }

...it looks like this:

If I change the z-index like so...

.header1  {

    position: absolute;
    height: 129px;
    width: 155px ;
     left: 0px; 
    top: 0px;
    -z-index:-10 ;
    float: left;
    clear: right;
        z-index:-1 ;
}

table.EchoLogo
    {
        position: absolute;
        top: 0px;
        left: 3px;
                z-index:-1;
    }

then it looks like this:

This doesn't solve the problem. Why? Because the logo then has disappeared for all users whether logged in or not.

Any help resolving this is appreciated.

Joe

You may also want to try a relative positioning of your image header and logo instead of absolute.

It's only a problem if you float those elements to the top like that.  Most skins don't do that.

To move the controlPanel to the bottom, check first to see if there is already an element with id="ControlPanel" and move it, if there isn't one, then place a div like this at the bottom of your skin:

<div runat="server" id="ControlPanel" />