/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] placing z-index

Copy linkTweet thisAlerts:
Feb 15.2010

Where would I place the z-index code in my css,to make the menu on top of images. It is on top of background but not images. Works fine in FF but not IE6.

/* Layout Stylesheet */

body{
background-color: #99ccff;
margin: 10px;
padding: 0;

}

table {border-collapse:collapse; border:0; margin:0; padding:0;}

.menu ul li a.hide, .menu ul li a:visited.hide {display:none;none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a:hover {color:#fff; background:#b3ab79;}
.menu ul li a:hover ul {display:block; position:absolute; top:0; left: 210px; width:200px;}
.menu ul li a:hover ul li a {display:block; background:#fff68f; color:#000; width:200px; padding:2px;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#ccccff; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:151px; top:0; color:#000;
}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#b3ab79; color:#fff;}

#content{
position:relative;
z-index: -10;
width:55em;
margin: -500px 5px 5px 220px;
border: 2px solid #000000;
background: url(images/img7.gif);
color: #000000;
padding: 10px;
font-family: ariel; font-size:18px;
}

h1{ font-family: ariel; font-size:50px; color: black;}

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@TriLLiFeb 15.2010 — .menu { z-index: 11000; }
Copy linkTweet thisAlerts:
@patuieauthorFeb 15.2010 — I place the z-index The images are still under the menu. Here's my html. I don't intend to put this on the web. I'm planning on copying to cd for family use only. Thanks

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<title>william miller 1826 </title>

<style type="text/css">

</style>



<link rel="stylesheet" media="all" type="text/css" href="css_flyout_1.css" />

<!--[if lte IE 6]>

<link rel="stylesheet" media="all" type="text/css" href="flyout_ie_1.css" />

<![endif]-->

</style>

</head>


<body>

<div class="menu">

<ul>

<li><a class="hide" href="index.html">Welcome Page</a>

<!--[if lte IE 6]>

<a href="index.html">Welcome Page

<table><tr><td>

<![endif]-->

<ul> <li><a href="welcome_page.html"> Welcome Page </a></li>

<li><a href="miller_family_tree.html">Miller Family Tree 1826-1941 </a></li>

<li><a href="patterson_family_tree.html"> Patterson Family Tree 1820-1941 </a></li>

<li><a href="millers.html"> Millers 1826-1941 </a></li>

<li> <a href="pattersons.html"> Patterson's 1820-1941 </a></li>

<!--[if lte IE 6]>

<a class="sub" href="welcome_page.html"" title="Welcome Page ">

<table><tr><td>

<![endif]-->

<!--[if lte IE 6]>

</td></tr></table>

</a>

<![endif]-->

</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->

<li><a class="hide" href="millers.html">Millers 1826 - 1941 </a>

<!--[if lte IE 6]>

<a href="index.html">Millers 1826 - 1941

<table><tr><td>

<![endif]-->

<ul> <li><a href="miller_family_tree.html">Miller Family Tree 1826-1941</a></li>

<li> <a href="william_miller.html"> William Miller</a></li>

<li><a href="james_miller.html"> James Miller</a></li>

<li><a href="lillian_cave_miller.html"> Lillian Cave Miller</a></li>

<li><a href="lillian_ingram.html"> Lillian Ingram</a> </li>

<li><a href="david_miller.html"> <i><U> DAVID MILLER</U></i> </a> </li>


<li><a href="charlotte_miller.html"> Charlotte Miller</a></li>

<li><a>James Miller Jr(James Miller)</a> </li>

<li><a href="frank_miller.html"> Frank Miller</a> </li>

<li><a href="bernard_miller.html"> Bernard Miller</a></li>

<li><a href="margaret_miller.html"> Margaret MIller</a> </li>

<li><a href="new_beginnings.html"> New Beginnings </a></li>

</ul>

<!--[if lte IE 6]>

</td></tr></table>

</a>

<![endif]-->


</li>

<li><a class="hide" href="patterson's.html">Patterson's 1820 - 1941 </a>

<!--[if lte IE 6]>

<a href="patterson's.html">Patterson's 1820 - 1941

<table><tr><td>

<![endif]-->


<ul> <li><a href="patterson_family_tree.html">Patterson Family Tree 1820-1941</a></li>

<li><a href="john_patterson_1820.html"> John Patterson </a></li>

<li><a href="john_patterson_1859.html"> John Patterson</a></li>

<li><a href="william_patterson.html"> William Patterson </a></li>

<li><a href="victoria_simmons_family.html"> Victoria Simmons</a> </li>

<li><a href="mabel_patterson_1918.html"><u><i> MABEL PATTERSON</i></u> </a> </li>

<li><a href="charles_patterson.html"> Charles Patterson</a></li>

<li><a href="mabel_patterson_1920.html"> Mabel Patterson 1920 </a></li>

<li><a href="mabel_patterson_1923.html"> Mabel Patterson 1923</a></li>

<li><a href="mabel_patterson_1930.html"> Mabel Patterson 1930</a></li>

<li><a href="victoria's_passing.html"> Victoria Goes Home 1933</a></li>

<li><a href="mabel_patterson_1934.html"> Mabel Patterson 1934 </a></li>

<li><a href="mabel_patterson_1935.html"> Mabel Patterson 1935 </a></li>

<li><a href="mabel_patterson_1937.html"> Mabel Patterson 1937 </a></li>

<li><a href="mabel_patterson_1939.html"> Mabel Patterson 1939 </a></li>

<li><a href="mabel_patterson_1940.html"> Mabel Patterson 1940 </a></li>

</ul>

<!--[if lte IE 6]>

</td></tr></table>

</a>

<![endif]-->

</li>

<li><a class="hide" href="1941-1949.html">1941 - 1949</a>

<!--[if lte IE 6]>

<a href="1941-1949.html">1941 - 1949

<table><tr><td>

<![endif]-->

<ul>

<li><a href="MILLER FAMILY TREE.html">Miller Family Tree 1910-1999</a></li>

<li><a href="THE BEGINNING.html">The Beginning (Oct 18, 1941)</a></li>

<li><a href="1942.html">1942 </a></li>


<li><a href="1943.html">1943 </a></li>

<li><a href="1944.html">1944</a></li>

<li><a href="DOUGLAS PAUL MILLER.html">Douglas Paul Miller</a></li>

<li><a href="1945.html">1945</a></li>

<li><a href="NANCY MILLER.html">Nancy Carol Miller</a></li>


<li><a href="1946.html">1946</a></li>

<li><a href="1947.html">1947</a></li>

<li><a href="1948.html">1948</a></li>

<li><a href="1949.html">1949</a></li>

</ul>

<!--[if lte IE 6]>

</td></tr></table>

</a>

<![endif]-->

</li>

<li><a class="hide" href="1950-1959.html">1950 - 1959</a>

<!--[if lte IE 6]>

<a href="1950-1959.html">1950 - 1959

<table><tr><td>

<![endif]-->

<ul>

<li><a href="1950.html">1950 </a></li>

<li><a href="1951.html">1951 </a> </li>

<li><a href="1952.html">1952</a></li>

<li><a href="PATRICIA MILLER.html"><i><u>PATRICIA ANNE MILLER</u></i> </a></li>

<li><a href="1953.html">1953</a> </li>

<li><a href="1954.html">1954 </a> </li>

<li><a href="DAVID MILLER.html">David Kevin Miller</a> </li>

<li><a href="1955.html">1955 </a></li>

<li><a href="1956.html">1956</a> </li>

<li><a href="1957.html">1957 </a> </li>


<li><a href="1958.html">1958 </a> </li>

<li><a href="1959.html">1959 </a> </li>

</ul>

<!--[if lte IE 6]>

</td></tr></table>

</a>

<![endif]-->


</li>

<li><a class="hide" href="1960-1969.html">1960 - 1969</a>

<!--[if lte IE 6]>

<a href="1960-1969.html">1960 - 1969

<table><tr><td>

<![endif]-->

<ul>

<li><a href="1960.html">1960</a> </li>

<li><a href="1961.html">1961 </a> </li>

<li><a href="1962.html">1962</a> </li>

<li><a href="1964_spring.html">1964 (spring) </a> </li>

<li><a href="1965.html">1965</a> </li>

<li><a href="1966.html">1966</a> </li>

<li><a href="1967.html">1967</a> </li>

<li><a href="1968.html">1968</a> </li>

<li><a href="1969.html">1969</a> </li>

</ul>

<!--[if lte IE 6]>

</td></tr></table>

</a>

<![endif]-->

</li>

<li><a class="hide" href="1970-1972.html">1970 - 1972</a>

<!--[if lte IE 6]>

<a href="1970-1972.html">1970 - 1972

<table><tr><td>

<![endif]-->

<ul>

<li><a href="1970.html">1970</a> </li>

<li><a href="1971.html">1971</a> </li>

<li><a href="1972.html">1972</a> </li>

</ul>

<!--[if lte IE 6]>

</td></tr></table>

</a>

<![endif]-->

</li>

</ul

</div>


<div id="content">

<h1>WILLIAM MILLER </h1>

<p align="center">

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<b> William Miller</b> was born in 1852in England

<br>William married <b>Mary Palmer</b> September 1885

<br> William and Marys' children were William Palmer, <i><b> James</i></b>

John & Frank <br> Mary Palmer may have been married before William.<br>

That is why one son's last name is Palmer,<br>who was a station master at one of the railways in England. <br>

He lived in the house beside the station. John lived in Nottingham, & Frank went to Malden, Canada.<br>

Melton Mowbray spans the boundries of the couties of Leicestershire & Nottingham.</br>

</p> <br><br>

<p align="center"> William Miller died <br>June 1926<br>

Mary (Palmer) Miller<br> died April 1904 </p>


</div>

<div style="display: inline;">

<a href="images/william_miller.jpg"><img src="images/william_miller_sm.jpg" width="250"

height="300" border="0"style="position:absolute;top:110px;left:625px"></a>

<a href="images/framed_map.jpg">

<img src="images/framed_map_sm.jpg" width="250" height="215" border="0"style="position:absolute;top:200px;

right:50px">

</a>

<a href="images/leicestershire.jpg">

<img src="images/leicestershire_sm.jpg" width="300" height="214" border="0" style="position:absolute;


top:200px; left:250px;">

</a>

<a href="images/headstone_lg.jpg">

<img src="images/headstone_lg_sm.jpg" width="350"height="263"border="0" style="position:absolute;

top:650px;left:250px;">

</a>

<a href="images/headstone_back.jpg">

<img src="images/headstone_back_sm..jpg" width="350" height="249" border="0" style="position:absolute; top:650px;

right:70px">

</a>

</div>

</div>

</body>

</html>
×

Success!

Help @patuie spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...