div's
I try to have a big img on Z-index=-1 and a repeating, partially transparent img on Z-index=0.
I want the partially transparent gif (stripes) to fall over the big picture on Z=-1.
Here's the code:
<html>
<head>
<title>Untitled</title>
</head>
<body>
<div style="top:0;left:0; Z-index='-1'"><img src="big.jpg" width="700" height="525" border="0" alt=""></div>
<div style="top:0;left:0; Z-index='0'">
<table width=100% height=100%>
<tr>
<td background="stripe.gif" width=100% height=100%>
</td>
</tr>
</table></div>
</body>
</html>As you probably already guessed, it does not work .
The stripe begins below the big img.
What I'm doing wrong?
Shakespeare: onclick || !(onclick)
detox posted this at 13:54 — 8th May 2001.
They have: 571 posts
Joined: Feb 2001
just saw this post, will have a look now.
Jack Michaelson posted this at 13:36 — 12th May 2001.
He has: 1,733 posts
Joined: Dec 1999
Well?
detox posted this at 15:06 — 13th May 2001.
They have: 571 posts
Joined: Feb 2001
try this:
<html>
<head>
<title>Untitled</title>
</head>
<style type="text/css">
.try {
position: absolute;
left:1in;
top: 1in;
}
</style>
<body>
<div style="Z-index='2'" class="try">"><img src="big.jpg" width="700" height="525" border="0" alt=""></div>
<div style=" Z-index='1'" class="try">
<table width=500 height=500>
<tr>
<td width="100%" height="100%" background="stripe.gif" > </td>
</tr>
</table></div>
</body>
</html>
Jack Michaelson posted this at 11:27 — 15th May 2001.
He has: 1,733 posts
Joined: Dec 1999
Nope did not work
even after I deleted the extra "> 
But it made me think (again) and now it works perfect:
<html>
<head>
<title>Untitled</title>
</head>
<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0>
<div style="top:0;left:0; Z-index:'-222'; position:absolute;"><img src="big.jpg" width="700" height="525" border="0" alt=""></div>
<div style="top:0px;left:0px; Z-index:'0'">
<table width=100% height=100%>
<tr>
<td background="stripe.gif" width=100% height=100%>
</td>
</tr>
</table>
<div style="top:0px;left:0px; Z-index:'1'; position:absolute;">sejrg se ggsejrg se ggsejrg se ggsejrg se gg</div>
</body>
</html>
Greetings,
Shakespeare: onclick || !(onclick)
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.