I do all my layout stuff on a separate tester site before I make it live on my actual web comic. On this tester, I had recently formatted the archives, and had no problems at all, everything was displaying just fine. So I move the code over to my real comic, and end up losing all the information in the archives.
What's weird is that the rest of the stuff shows up fine, the banners, the footer, left sidebar, etc. Even the top of the table containing the archive information shows up; just none of the actual stuff about the pages. I can't figure out what's wrong.
Help?
http://memoriatester.smackjeeves.com/archive <--- How it's supposed to look (minus the purple boxes, those are gone on purpose in the other version)
http://memoria.smackjeeves.com/archive <--- How it looks on the actual website
Here's the code I'm using on the main site:
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head><title>Memoria : an original webcomic by K.J Diamond</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
html, body {
height : 100%;
font-family : trebuchet ms, arial, verdana, helvetica, sans-serif;
font-size : 85%;
line-height : 20px;
color : #000;
background : #000 url('http://i120.photobucket.com/albums/o165/kreestuh/bgwithhousetiny.jpg') no-repeat fixed right bottom;
padding : 0;
margin : 0;
}
p {
padding : 0 10px 1em;
}
#container {
min-height : 100%;
background-color : #fff;
width : 800px;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
padding-top : 0;
}
* html #container {
height : 100%;
}
#header {
margin : 0;
padding : 10px;
background : #fff;
position : relative;
top : 0;
text-align : center;
height : 390px;
}
table.bottom {
background : #f2f2f2;
color : gray;
font-size : x-small;
}
#left {
position : absolute;
top : 400px;
width : 300px;
padding : 15px;
}
#center {
position : relative;
top : 0px;
left : 10px;
color : #000;
border-left : 4px solid #bed4e2;
padding : 10px;
margin-left : 310px;
height: 600px;
}
#footer {
position : relative;
bottom: 0;
width: 800px;
background : #f2f2f2;
color : gray;
font-size : x-small;
}
a.footer {
text-decoration : none;
font-size : xx-small;
font-weight : bold;
text-transform : uppercase;
border-bottom : 1px solid gray;
display : block;
line-height : 20px;
color : #87a1b1;
}
a.footer:hover {
border-bottom : 2px solid gray;
}
a.menu {
font-family : garamond, georgia, times new roman, sans-serif;
font-size : 20px;
color : #fff;
border-bottom : none;
font-weight : 100;
text-transform : lowercase;
}
a {
font-family : trebuchet ms, arial, verdana, helvetica, sans-serif;
color : #87a1b1;
text-decoration : none;
}
a.hover {
border-bottom : 1px dashed #9999cc;
}
dd {
text-indent : 10px;
}
#pipe {
background : #000;
height : 35px;
width : 100%;
left : -10px;
text-align : right;
margin : 0;
}
#pipe ul {
margin-left : 0;
padding-left : 0;
text-align : center;
display : inline;
background : #000;
height : 40px;
}
#pipe ul li {
margin-left : 0;
padding : 10px 15px;
border-left : 1px solid #fff;
list-style : none;
display : inline;
}
#pipe ul li.first {
margin-left : 0;
border-left : none;
list-style : none;
display : inline;
}
#pipe ul li.title {
margin-left : 0;
border-left : none;
display : inline;
}
h1 {
font-family : garamond, georgia, times new roman, sans-serif;
font-size : 72px;
text-align : left;
font-weight : 100;
margin : 20px;
}
h2 {
font-family : garamond, georgia, times new roman, sans-serif;
font-size : large;
color : #a3a0b0;
margin : 10px;
font-weight : 100;
text-align : right;
}
h3 {
font-family : garamond, georgia, times new roman, sans-serif;
font-size : 32px;
padding : 2px;
margin : 3px;
color : #bed4e2;
font-weight : 100;
}
hr.banner {
width : 770px;
height : 20px;
background : #000;
border : #000;
}
blockquote, quote, table {
font-family : trebuchet ms, arial, verdana, helvetica, sans-serif;
color : gray;
padding : 10px;
background: white;
}
input, text-area {
font-family : trebuchet ms, helvetica, sans-serif;
background-color : #fff;
color : gray;
font-size : x-small;
padding : 2px;
border : 1px dotted gray;
}
input.btn {
font-family : trebuchet ms, helvetica, sans-serif;
background-color : #fff;
color : gray;
font-size : x-small;
border : 1px dotted gray;
}
img.small {
border : 0;
padding : 0;
padding : 10px;
float : left;
}
img {
border : 0;
}
.userinfo {
background : #e8f0f5;
width : 100px;
padding : 4px;
color : #000;
text-align : center;
float : left;
margin : 10px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>memoria</h1>
<div id="pipe">
<ul><li class="first"><a href="http://memoria.smackjeeves.com/" title="blog news etc" class="menu"><img src="http://i120.photobucket.com/albums/o165/kreestuh/homeicon.png" alt="home"></a></li>
<li><a href="http://memoria.smackjeeves.com/comics/803020/foreword/" title="where it begins" class="menu">Start Reading</a></li>
<li><a href="/comics/" title="latest stuff" class="menu">Latest Page</a></li>
<li><a href="http://memoria.smackjeeves.com/archive/" title="list of chapters and pages" class="menu">Archives</a></li>
<li><a href="http://memoria.smackjeeves.com/about/" title="about me the comic and everything else" class="menu">About</a></li>
<li><a href="http://memoria.smackjeeves.com/extras/" title="artwork writing links etc" class="menu">Extras</a></li>
<li><a href="http://memoria.smackjeeves.com/links/" title="other comics and resources" class="menu">Links</a></li></ul>
</div>
<a href="http://memoria.smackjeeves.com/">
<img src="http://i120.photobucket.com/albums/o165/kreestuh/duncan_banner.jpg?1291223785" alt="Memoria: a webcomic by K.J Diamond"></a>
<hr class="banner">
</div>
<div id="center">
<h3>ARCHIVES</h3>
<table border="0" cellpadding="4" cellspacing="0" align="center">
<tr><th>#</th><th>Title</th><th>Date Released</th><th>Comments</th></tr>
<!-- BEGIN archive_list -->
<tr><td>{archive_list.COMIC_NUMBER}</td><td><a href="archive_list.COMIC_URL}">{archive_list.COMIC_TITLE}</a></td><td>{archive_list.DATE_RELEASED}</td><td><a href="{archive_list.COMIC_URL}">{archive_list.NUMBER_COMMENTS} Comments</a></td></tr>
<!-- END archive_list -->
</table>
</div>
<div id="left">
Chapter by Chapter Archive coming soon!
</div>
<div id="footer">
<table cellspacing="10" class="bottom">
<tr>
<td width="256">
<dl><dt><a href="http://memoria.smackjeeves.com/" class="footer">Blog</a></dt>
<dd><a href="http://memoria.smackjeeves.com/news-archive" class="footer">Blog Archives</a></dd>
<dt><a href="http://memoria.smackjeeves.com/about/" class="footer">About</a></dt>
<dd><a href="http://memoria.smackjeeves.com/about/ANCHOR" class="footer">Story</a></dd>
<dd><a href="http://memoria.smackjeeves.com/about/ANCHOR" class="footer">Author</a></dd>
<dd><a href="http://memoria.smackjeeves.com/about/ANCHOR" class="footer">FAQ</a></dd>
<dd><a href="http://memoria.smackjeeves.com/about/ANCHOR" class="footer">Characters</a></dd>
<dd><a href="http://memoria.smackjeeves.com/about/ANCHOR" class="footer">World</a></dd>
</td>
<td width="256">
<dt><a href="http://memoria.smackjeeves.com/extras" class="footer">Extras</a></dt>
<dd><a href="http://memoria.smackjeeves.com/extras/ANCHOR" class="footer">Gallery</a></dd>
<dd><a href="http://memoria.smackjeeves.com/extras/ANCHOR" class="footer">Fanart</a></dd>
<dd><a href="http://memoria.smackjeeves.com/extras/ANCHOR" class="footer">Essays & Short Stories</a></dd>
<dd><a href="http://memoria.smackjeeves.com/extras/ANCHOR" class="footer">Bonus Materials</a></dd>
<dt><a href="http://memoria.smackjeeves.com/archive/" class="footer">Archive</a>
<dd><a href="http://memoria.smackjeeves.com/comics/803020/foreword/" class="footer">Begin Reading</a></dd>
<dd><a href="http://memoria.smackjeeves.com/comics/" class="footer">Latest Page</a></dd></dt>
</dl>
</td>
<td width="256"><a href="http://memoria.smackjeeves.com/rss/" border="0"><img src="http://www.uobgroup.com/assets/images/about/rss/rss_icon.gif" alt="Get updates from the site on your RSS feed"></a>
<a href="http://www.facebook.com/pages/Memoria/305019269806" border="0"><img src="http://i120.photobucket.com/albums/o165/kreestuh/facebook-icon.png" alt="Become a fan of Memoria on Facebook"></a>
<a href="http://www.twitter.com/Kreestuh" border="0"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png" alt="Follow Memoria on Twitter"></a><br>
Join this to receive updates when a chapter is completed or other important news surfaces:
<form method=post action="http://members.notifylist.com/edit/joinlist">
<input type=hidden name="list_name" value="kreestuh-memoria"><input type=text name="email" value="email" style="width: 130px;"> <input type=submit value="join" class="btn"></FORM>
<br> Memoria is copyright © 2003-2010 Krista Diamond unless noted otherwise. All rights reserved.
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
EDIT: AH, poops. I probably should've posted this in template development. If no one answers here, will someone move this over there for me? Thanks!
