View Full Version : Floating DIV Table on Blogger


ehsan
08-08-2005, 10:24 AM
Hi im new to the forums, keep up the good work! Id like a table like on this website: http://x-worldofmyown-x.blogspot.com/

I dont have a clue too much about CSS Coding because im new to it, what i tried was view source and put the table coding here:

<Blogger>
<BlogDateHeader>
<h2 class="date-header"><img src="http://www.nightribe.it/flashzone/images/jpg/001/harold.jpg"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>

<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>

<div class="post-body">
<div>
<$BlogItemBody$>
</div>
</div>

<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<MainOrArchivePage><BlogItemCommentsEnabled>

<a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('No comment');} else if(a == 1)
{document.write('1 comment');} else {document.write(a+' comments');}</script></a>

</BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
</p>

</div>
<!-- End .post -->

<!-- Begin #comments -->
<ItemPage>
<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$BlogItemCommentCount$> Comments:</h4>
<dl id="comments-block">
<BlogItemComments>
<dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
<$BlogCommentAuthor$> said...
</dt>
<p class="comment-body">

<p><$BlogCommentBody$></p>
</p>
<p class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</p>
</BlogItemComments>
</dl>
<p class="comment-timestamp">

<$BlogItemCreate$>
</p>
</BlogItemCommentsEnabled>
<p class="comment-timestamp">
<a href="<$BlogURL$>">&lt;&lt; Home</a>
</p>
</div>

</ItemPage>
<!-- End #comments -->

</Blogger>
</div>
<!-- End #main -->


However when i added it in, the table appeared and all my other posts created tables within tables :wolf: so what i wud like is to put all my blog posts only, in one scrolling table please.

This is my website http://wong-fei-hung.blogspot.com/

Thanks in advance