Limei
03-30-2007, 03:09 AM
My petpage looks correct in IE but the background for one of the div layers will not display. I cannot figure out why:confused:
http://www.neopets.com/~skttrbrain
<style type="text/css">
body{
color:#173E06;
background-color: #66DF2E;
background-image: url('http://i13.tinypic.com/40axfkh.gif');
background-repeat: repeat-x;
background-attachment: none;
margin:0px;
padding:0px;
font:11px verdana, arial, helvetica, sans-serif;}
.lnk a {color:#3BA20E;text-decoration: none;}
.lnk a:visited {color:#3BA20E;text-decoration: none;}
.lnk a:hover {color:#66DF2E;text-decoration: none;}
#container{
width:456px;}
#hdr{
background-image: url('http://i13.tinypic.com/2ag554m.gif');
margin-top:20px;
width:456px;
}
#hdrinner{
padding-top:20px;
width:400px;
}
.hdrlink a{
color:#173E06;
text-transform:uppercase;
font-weight:bold;
border-bottom: 0px solid #66DF2E;
text-decoration: none;
float: left;
display: block;
width: 100px;
height: 18px;
background:url(http://i12.tinypic.com/29msylk.gif);
}
.hdrlink a:hover{
color:#173E06;
text-transform:uppercase;
font-weight:bold;
border-bottom: 0px solid #3BA20E;
float: left;
display: block;
width: 100px;
height: 18px;
background:url(http://i5.tinypic.com/3zuucut.gif);
}
.welcome{
text-align:justify;
margin-top:0px;}
#updates{
text-align:justify;
width:400px;}
.update{
text-align:left;
padding-bottom:5px;
color:#3BA20E;}
.page{
font-size:18px;
font-weight:900;
text-align:left;
border-top:2px solid #173E06;
padding-bottom:10px;
color:#3BA20E;}
#content{
background-image: url('http://i9.tinypic.com/2rxw6tc.gif');
background-repeat: repeat-y;
width:456px;
}
#contentinner{
text-align:justify;
padding-top:20px;
width:400px;
}
#ftr{
background-image: url('http://i11.tinypic.com/2nlyctd.gif');
width:456px;
}
#ftrinner{
text-align:center;
padding-top:15px;
padding-bottom:20px;
width:400px;
}
</style>
<body>
<center>
<div id="container">
<div id="hdr">
<div id="hdrinner">
<img src="http://i10.tinypic.com/2rrs3fn.gif">
<div class="hdrlink">
<a href="/~skttrbrain#updates">Updates</a><a href="/~skttrbrain#faq">FAQ</a><a href="http://www.neopets.com">Pixels</a><a href="http://www.neopets.com">Userlookups</a></div><div class="lnk">
<div class="welcome">Welcome to <a href="http://neopets.com/randomfriend.phtml?user=mittens191">my website</a>, #VISITOR! Please look around and feel free to use any of the layouts provided. If you find any broken images or anything else that is not working, please <a href="http://neopets.com/neomessages.phtml?type=send&recipient=mittens191">neomail me</a>. I try to use crisp, clean CSS in my layouts. The reason for this is because I believe CSS can replace most HTML. CSS better than HTML. It follows the Usability term much better than HTML. Also, it allowes a document's style to be influenced by multiple style sheets. One style sheet could inherit or "cascade" from another, permitting a mixture of stylistic preferences controlled equally by a site designer and a user.
<p>
In many ways, the Cascading Style Sheets specification represents a unique development in the history of the World Wide Web. In its inherent ability to allow richly styled structural documents, CSS is both a step forward and a step backward--but it's a good step backward, and a needed one.
</div>
<p>
<div class="update">
<A name="updates"></A><b>Updates</b>
</div>
<div id="updates">
<i>March 29, 2007</i> The layout was created today and the website should be up and running soon. Pixels have been created and will be added shortly.
</div>
</div>
</div>
<div id="content">
<div id="contentinner">
<div class="page"><A name="faq"></A>Frequently Asked Questions</div>
<div class="lnk">
<b>Who designs everything?</b>
<br>
<a href="http://neopets.com/randomfriend.phtml?user=mittens191">Myself</a>, of course! My name is Limei and everything on this neopets petpage I created. This site is owned by me. I have been playing neopets for over 7 years. I am taking computer design courses in school and plan to pursue the same kind of ideas in college.<p>
<b>Can I alter any codes?</b>
<br>
Yes, you can. However, you must credit. Anything taken from this website was created by me. Even if you alter the coding, it was still not originally created by you. Therefore please credit anything taken from this website.
</div>
</div>
</div>
<div id="ftr">
<div id="ftrinner">
<div class="lnk">
© 2007 #OWNERLOOKUP - All text, content and images
</div>
</div>
</div>
</div>
http://www.neopets.com/~skttrbrain
<style type="text/css">
body{
color:#173E06;
background-color: #66DF2E;
background-image: url('http://i13.tinypic.com/40axfkh.gif');
background-repeat: repeat-x;
background-attachment: none;
margin:0px;
padding:0px;
font:11px verdana, arial, helvetica, sans-serif;}
.lnk a {color:#3BA20E;text-decoration: none;}
.lnk a:visited {color:#3BA20E;text-decoration: none;}
.lnk a:hover {color:#66DF2E;text-decoration: none;}
#container{
width:456px;}
#hdr{
background-image: url('http://i13.tinypic.com/2ag554m.gif');
margin-top:20px;
width:456px;
}
#hdrinner{
padding-top:20px;
width:400px;
}
.hdrlink a{
color:#173E06;
text-transform:uppercase;
font-weight:bold;
border-bottom: 0px solid #66DF2E;
text-decoration: none;
float: left;
display: block;
width: 100px;
height: 18px;
background:url(http://i12.tinypic.com/29msylk.gif);
}
.hdrlink a:hover{
color:#173E06;
text-transform:uppercase;
font-weight:bold;
border-bottom: 0px solid #3BA20E;
float: left;
display: block;
width: 100px;
height: 18px;
background:url(http://i5.tinypic.com/3zuucut.gif);
}
.welcome{
text-align:justify;
margin-top:0px;}
#updates{
text-align:justify;
width:400px;}
.update{
text-align:left;
padding-bottom:5px;
color:#3BA20E;}
.page{
font-size:18px;
font-weight:900;
text-align:left;
border-top:2px solid #173E06;
padding-bottom:10px;
color:#3BA20E;}
#content{
background-image: url('http://i9.tinypic.com/2rxw6tc.gif');
background-repeat: repeat-y;
width:456px;
}
#contentinner{
text-align:justify;
padding-top:20px;
width:400px;
}
#ftr{
background-image: url('http://i11.tinypic.com/2nlyctd.gif');
width:456px;
}
#ftrinner{
text-align:center;
padding-top:15px;
padding-bottom:20px;
width:400px;
}
</style>
<body>
<center>
<div id="container">
<div id="hdr">
<div id="hdrinner">
<img src="http://i10.tinypic.com/2rrs3fn.gif">
<div class="hdrlink">
<a href="/~skttrbrain#updates">Updates</a><a href="/~skttrbrain#faq">FAQ</a><a href="http://www.neopets.com">Pixels</a><a href="http://www.neopets.com">Userlookups</a></div><div class="lnk">
<div class="welcome">Welcome to <a href="http://neopets.com/randomfriend.phtml?user=mittens191">my website</a>, #VISITOR! Please look around and feel free to use any of the layouts provided. If you find any broken images or anything else that is not working, please <a href="http://neopets.com/neomessages.phtml?type=send&recipient=mittens191">neomail me</a>. I try to use crisp, clean CSS in my layouts. The reason for this is because I believe CSS can replace most HTML. CSS better than HTML. It follows the Usability term much better than HTML. Also, it allowes a document's style to be influenced by multiple style sheets. One style sheet could inherit or "cascade" from another, permitting a mixture of stylistic preferences controlled equally by a site designer and a user.
<p>
In many ways, the Cascading Style Sheets specification represents a unique development in the history of the World Wide Web. In its inherent ability to allow richly styled structural documents, CSS is both a step forward and a step backward--but it's a good step backward, and a needed one.
</div>
<p>
<div class="update">
<A name="updates"></A><b>Updates</b>
</div>
<div id="updates">
<i>March 29, 2007</i> The layout was created today and the website should be up and running soon. Pixels have been created and will be added shortly.
</div>
</div>
</div>
<div id="content">
<div id="contentinner">
<div class="page"><A name="faq"></A>Frequently Asked Questions</div>
<div class="lnk">
<b>Who designs everything?</b>
<br>
<a href="http://neopets.com/randomfriend.phtml?user=mittens191">Myself</a>, of course! My name is Limei and everything on this neopets petpage I created. This site is owned by me. I have been playing neopets for over 7 years. I am taking computer design courses in school and plan to pursue the same kind of ideas in college.<p>
<b>Can I alter any codes?</b>
<br>
Yes, you can. However, you must credit. Anything taken from this website was created by me. Even if you alter the coding, it was still not originally created by you. Therefore please credit anything taken from this website.
</div>
</div>
</div>
<div id="ftr">
<div id="ftrinner">
<div class="lnk">
© 2007 #OWNERLOOKUP - All text, content and images
</div>
</div>
</div>
</div>