467,077 Members | 1,011 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,077 developers. It's quick & easy.

positioning

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
  • viewed: 838
Share:
1 Reply
drhowarddrfine
Expert 4TB
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.

Similar topics

9 posts views Thread by Bryan R. Meyer | last post: by
4 posts views Thread by Jane Withnolastname | last post: by
14 posts views Thread by Harlan Messinger | last post: by
6 posts views Thread by rajek | last post: by
11 posts views Thread by NS | last post: by
1 post views Thread by Charles Harrison Caudill | last post: by
2 posts views Thread by Rob R. Ainscough | last post: by
4 posts views Thread by Alan Silver | last post: by
9 posts views Thread by Bill Norton | last post: by
6 posts views Thread by Mark | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.