By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,738 Members | 1,080 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,738 IT Pros & Developers. It's quick & easy.

positioning

P: 8
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]
==============================================
Jan 17 '08 #1
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
how do you u post the code neat compact and with numbers when asking for help.
When you post, there are buttons above the text box you type in. One is specifically for html. The other is for code. There are different attributes for code. Such as code=css or code=javascript etc.
Jan 17 '08 #2

Post your reply

Sign in to post your reply or Sign up for a free account.