Avatar of worldfear
worldfear asked on

css div position over jpg

hello, i want the word "work" in the code below to show up on top of the image.  it doesnt as things are now, it is behind the image.  the z-index manipulation doesnt seem to change much.
the html
 <div id="topnavcoverdiv"> work
    <div id="topnavdiv">    
        <asp:Image ID="Image1" runat="server" CssClass="topnavimg"  ImageUrl="images/nav.jpg" />
    </div>
   </div>
    <div id="toptextdiv">
    <asp:ContentPlaceHolder ID="toptextcontent" runat="server">
    </asp:ContentPlaceHolder>
    </div>

the css:
#topnavdiv {
      width: 799px;
      height: 18px;
      padding: 0px;
      position:absolute;
      top:0px;
    left: 1px;
    z-index:0;
}

.topnavimg {
      width: 799px;
      padding: 0px;
      position:absolute;
      top:0px;
    left: 1px;
    z-index:0;
}

#topnavcoverdiv {
      width: 80px;
      height: 21px;
      padding: 0px;
      position:absolute;
      top:128px;
    left: -1px;
    z-index:2;
    text-align:center;
    vertical-align:super;;
    border:solid 1px black;
}

#topnavdiv ul {
      height: 20px;
      padding:0;
      margin:0;
      float: left;
}

#topnavdiv li {
      padding:0;
      margin-top:0;
      margin-left:0;
      float: left;
      list-style-type: none;
      display:block;
}

#toptextdiv {
border-style: none;
    border-color: inherit;
    border-width: medium;
width: 799px;
height:21px;
    margin: 1px 1px 1px 1px;
    position:absolute;
top:149px;
left:0px;
    z-index:2;
     background-color:White;
}

CSS

Avatar of undefined
Last Comment
worldfear

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
worldfear

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck