Log in

View Full Version : Need help with tables in Blogger design



lemmonkat
01-26-2008, 03:21 AM
I'm working on a blog design for blogdesignsbykate.blogspot.com.

There's a problem with the coding that's making the layout repeat for each new blog post. I'd like all the posts to be housed in the same layout.

Hopefully this makes sense...here is the code if anyone can be of assistance. Thanks!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
f
"(URL address blocked: See forum rules)">
<html xmlns="(URL address blocked: See forum rules)">
<head>

<link rel="shortcut icon" href="" >



<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="web log, blog, blogger" />

<!-- Template by Finally Some Awesome Blogger Designs
download free at (URL address blocked: See forum rules)>

<title><$BlogTitle$></title>
<$BlogMetaData$>
<style type="text/css">
body {
margin: 0;
padding: 0;
text-align: center;
min-width: 760px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
background-image: url();
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: repeat;
background-attachment: fixed;
background-color: #000000;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}
.dateheader {
font-size: 12px;
font-weight: bold;
text-align: right;
text-transform: lowercase;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
.BlogItemTitle {
font-size: 14px;
font-weight: bold;
text-transform: lowercase;
}
.posttext {
text-align: justify;
font-size: 10px;
color: #FFFFFF;
padding-right: 20px;
}
.comments {
font-size: 10px;
text-align: right;
padding: 2px;
color: #FFFFFF;
}

.sideheader {
font-size: 12px;
font-weight: bold;
height: 23px;
width: 200px;
color: #CCCCCC;
text-align: left-align;
}

a:link {
text-decoration: none;
background-repeat: no-repeat;
color: #FF6699;
}

a:visited {
color: #FF6699;
text-decoration: none;
}

a:hover {
color: #CCCCCC;
text-decoration: none;
}
li {
list-style-position: outside;
list-style-type: square;
}
.sideboxes {
padding: 10px 10px 2px 5px;
font-size: 10px;
}
textarea, input, select, option, button {
font-family: Tahoma, Verdana, Arial;
background-color : #CCCCCC;
color : #000000;
font-size : 10px;
border: 1px solid #999999;
}
img {
border:0px none;
}

.background {
background-attachment: scroll;
background-repeat: repeat-x;
background-position: left top;
}
.background2 {
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left top;
}
.style1 {font-size: 10px}
</style>
</head>
<body><br><br>
<Blogger>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="background"><p> </p>
<p> </p></td>
<td width="864" align="center" valign="top"><table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="864" height="521" valign="top" background="(URL address blocked: See forum rules)" ><img src="(URL address blocked: See forum rules)" alt="" width="864" height="521" /></td>
</tr>
<tr>
<td height="425" valign="top" background="(URL address blocked: See forum rules)"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"> </td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td><!-- blogger -->

</div>

<table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<!-- side buziness -->
<td width="218"><table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td class="sideheader">About Me </td>
</tr>
<tr>
<td class="sideboxes"><div align="left-align"><span class="style1"><strong>Name:</strong> <$BlogOwnerFullName$><br />
<strong>Home:</strong> <$BlogOwnerLocation$><br />
<strong>About Me:</strong> <$BlogOwnerAboutMe$><br />
<a href="<$BlogOwnerProfileUrl$>">See my profile...</a><br />
<br />
</span></div> <!-- End of profile --></td>
</tr>
<tr>
<td class="sideheader">Previous Post </td>
</tr>
<tr>
<td class="sideboxes"><ul>
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul></td>
</tr>
<tr>
<td class="sideheader">Archives</td>
</tr>
<tr>
<td class="sideboxes"><MainOrArchivePage>
<ul>
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>
</MainOrArchivePage></td>
</tr>
<tr>
<td class="sideheader">Links</td>
</tr>
<tr>
<td valign="top" class="sideboxes">
<!-- edit these links (if you want) -->
<ul>
<li><a href="(URL address blocked: See forum rules)">Link here</a></li>
<li><a href="(URL address blocked: See forum rules)">Link here</a></li>
<li><a href="(URL address blocked: See forum rules)">Link here</a></li>
<li><a href="(URL address blocked: See forum rules)">Link here</a></li>
<li><a href="(URL address blocked: See forum rules)">Link here</a>
<!--Edit above here for link -->
</li>
</ul></td>
</tr>
<tr>
<td class="sideheader">Credits</td>
</tr>
<tr>
<td align="left-align" valign="top" class="sideboxes">
<p><a href="(URL address blocked: See forum rules)"><img src=(URL address blocked: See forum rules)/layouts/07/09/09/21391ac.gif border="0"></a><br />
Brushes by <a href="(URL address blocked: See forum rules)">Gvalkyrie</a><br />
</p>
<p> </p>
</center></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="25"> </td>
</tr>
</table></td>
<td >
<!-- ulang -->
<table width="100%" border="0" cellspacing="4" cellpadding="4">
<tr>
<td class="dateheader"><div align="left"><BlogDateHeader> <$BlogDateHeaderDate$></BlogDateHeader></div></td>
</tr>
<tr>
<td class="BlogItemTitle"><BlogItemTitle> <BlogItemUrl><a href="<$BlogItemPermalinkURL$>" title="Perma Link"> <$BlogItemTitle$> <BlogItemUrl></a> </BlogItemTitle></td>
</tr>
<tr>
<td class="posttext"><$BlogItemBody$></td>
</tr>
<tr>
<td class="comments"><div align="left"><img src=(URL address blocked: See forum rules)/layouts/07/09/09/21391ab.gif align="right-align"> posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> - <MainOrArchivePage><BlogItemCommentsEnabled> </BlogItemCommentsEnabled></MainOrArchivePage><MainOrArchivePage><BlogItemCommentsEnabled><a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$></div></td>
</tr>
<tr>
<td valign="top"><!-- blog comments -->
<ItemPage> <BlogItemCommentsEnabled>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<td><a name="comments" id="comments"></a></td>
</tr>
<tr>
<td><$BlogItemCommentCount$> Comments:</td>
</tr>
<tr>
<td><ul>
<BlogItemComments>
<li id="c<$BlogCommentNumber$>"><span class="style1"><a name="c<$BlogCommentNumber$>" id="c<$BlogCommentNumber$>"></a>
</span>
<p class="comment-data style1">At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>, <$BlogCommentAuthor$> said…</p>
<div class="comment-body style1">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$> </div>
</li>
</BlogItemComments>
</ul></td>
</tr>
<tr>
<td><span class="style1"><$BlogItemCreate$> </span></td>
</tr>
<tr>
<td><div align="right"><a href="<$BlogURL$>"><< Home</a> </div></td>
</tr>
<tr>
<td height="1"></td>
</tr>
</table>
</BlogItemCommentsEnabled> </ItemPage>
<!-- comments --> </td>
</tr>
</table>
<!-- blah -->

</td>
</tr>
</table>

</Blogger></td>

</tr>
<tr>
<td height=159" valign="top" background="(URL address blocked: See forum rules)"><!--DWLayoutEmptyCell--> </td>
</tr>
</table></td>
<td class="background2"> </td>
</tr>
</table>
</body>
</html>