I got a bit of a positioning problem with a image I am trying get some text and a list located with z-index and how do you u post the code neat compact and with numbers when asking for help.
=======================================
[html] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body
{
background: #051a4e;
taxt-align:center;
}
#div1
{
position:absolute
width: 1250px;
height: 1012px;
top: 80px;
left:30px;
z-index:0;
background:url(file:///C:/Documents%20and%20Settings/My%20Documents/My%20Pictures/lol.png) no-repeat top center;
}
#footer
{
position:absolute;
text-align:center;
margin-top:20em;
margin-left:-30em;
right:200px;
padding:6px o;
padding-bottom:1em;
z-index:2;
width:336px;
height:557px;
background:url(file:///C:/Documents%20and%20Settings/My%20Documents/My%20Pictures/tsostylist.png) top center no-repeat ;
}
p
{
text-algin: center;
padding:18px;
padding-top;50px;
padding-bottom:18px;
}
a
{float:0;
width:6em;
text-decoration:none;
color:whie;
background-color:#;
padding:0.2em;
bordere-right:1 px solid white;
}
a:hover
{color:#fffff0;
}
ul,
{
border-bottom:1px dotted #ffffff;
width:100px;
height:20px;
padding:0;
margin:0;
list-style-type:none;
z-index:3;
}
a
{float:left;
width:6em;
text-decoration:none;
color:white;
background-color:#hhhuuu;
padding:0.2em;
bordere-right:1 px solid white;
}
a:hover {background-color:#fffffe}
li {display:inline}
</style>
</head>
<body>
<div id="div1">
<div id"#">
</div>
<DIV id="footer">
<p class="p">
<ul> <li><a href="#" title=test not a link">Test =D</a></li>
<li><a href="#" title=test not a link">Test =D</a></li>
<li><a href="#" title=test not a link">Test =D</a></li>
<li><a href="#" title=test not a link">Test =D</a></li>
</ul>
</p>
</div>
</body>
</html>[/html]
==============================================