Forums > help, please

Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics

jazliyn

Sep 21 2006, 08:17 PM

alright, i tried making my own layout/template and i made two posts. it looked okay until i added a third post. now it looks like this: http://underground-headphones.blogspot.com/

here's my code:

CODE

<html>
<head>
<title>UNDERGROUND HEADPHONES</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style>
/* underground headphones version1 */
/* jaz */

body, xmp, div, p {
/* Body, div, and p properties */
background-color: #3c3c3c;
text-align : justify;
font-family : arial, tahoma;
color : #999999;
font-size : 11px;
align: center;
}

table, tr, td, th {
/* Table properties */
text-align : justify;
font-family : arial, tahoma;
color : #999999;
font-size : 11px; }

div {
background-color: #4A4949;
padding: 2px;
}

/* Links
----------------------------------------------- */

a:link, a:visited, a:active {
text-decoration : none;
font-size : 9px;
color : #FFFFFF;
font-family : small fonts;
text-transform: uppercase;
}

a:hover {
background-color: #000000;
text-decoration : strikeout;
font-size : 9px;
color : #999999;
font-family : small fonts;
text-transform: uppercase;
cursor: default;
}

/* Header, Footer
----------------------------------------------- */
.head {
background-color: #4A4949;
font-family : arial;
color : #FFFFFF;
font-weight : bold;
font-size : 11px;
text-align : right;
text-transform : uppercase;
border-bottom : 1px solid #000000; }

.post-body {text-align : justify; }

.footer {
background-color: #000000;
font-family : arial, tahoma;
color : #FFFFFF;
font-weight : normal;
font-size : 10px;
text-align : center;
text-transform : lowercase;
border-top : 1px dashed #000000a; }

/* Others
----------------------------------------------- */
#border {border: 5px solid #FFFFFF;}
#table {
text-align: justify;
background-color: #FFFFFF;
width: 100%; padding:2px;}

b, strong, u, i, em, s {
font-size : 11px; font-weight: bold;
font-family : arial, tahoma;
color : #000000;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
text-align : center;
background-color : transparent;
border : 1px solid #000000;
font-size : 11px;
font-family : arial, tahoma; }

/*Menu*/

.about
{
background-color: #4A4949;
padding:2px;
text-align:justify;
}

.menuheader
{
background-image:url('http://i48.photobucket.com/albums/f231/xchildish/menuheader-bg.jpg');
height: auto;
line-height: 30px;
text-align: center;
font-size: 15px;
font-weight: bold;
font-family: georgia;
color:#ffffff;
display:block;
}

#about a:link, a:visited, a:active {
text-decoration : none;
font-size : 9px;
color : #FFFFFF;
font-family : small fonts;
text-transform: uppercase;
}

#about a:hover {
background-color: #000000;
text-decoration : strikeout;
font-size : 9px;
color : #999999;
font-family : small fonts;
text-transform: uppercase;
cursor: default;
}

</style>
</head>
<center><img src="http://i48.photobucket.com/albums/f231/xchildish/undergroundheadphones2.jpg" border="0" /></center>
<body bgcolor="#3c3c3c" topmargin="0" leftmargin="0" background="" style="">

<div id="body" style="position:absolute; z-index:1; top:200; left:200; width:400;">

    <BlogDateHeader>
<div class="head"><$BlogDateHeaderDate$>
    </BlogDateHeader>

<a name="<$BlogItemNumber$>"></a>
<br>

    <BlogItemTitle>
Subject:<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
    </BlogItemTitle>
</div>

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


<div class="footer">posted by <a href="mailto:undergroundheadphones@gmail.com"><$BlogItemAuthorNickname$></a> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> | 
      <MainOrArchivePage><BlogItemCommentsEnabled>
        <a href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
     </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
    </div>

<Br>


<ItemPage>
<div id="comments">

    <BlogItemCommentsEnabled><a name="comments"></a>
       <div class="head"><$BlogItemCommentCount$> Comments:</div>

       <p>
     <BlogItemComments>
     <dt id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>

       <div class="head" style="width:100%"><$BlogCommentAuthor$> said...</div>

     </dt>

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

     <div class="footer"><a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
  <$BlogCommentDeleteIcon$>
     </div>
    <p>
     </BlogItemComments>

   </p>
<p class="footer">
   <$BlogItemCreate$>
   </BlogItemCommentsEnabled>
    <br />
    <a href="<$BlogURL$>"><< Home</a>
   </p>

   </p>
   </div>

</ItemPage>
</Blogger>
</div>


<div id="sidebar" class="about" style="position:absolute; z-index:1; top:330; left:700; width:150; margin-top:0px; background-color:#3c3c3c;">
<span class="menuheader">About</span>
<p class="about">A site/blog where bands are reviewed and promoted.</p>
<br><Br>
<span class="menuheader">Recent</span>
<p class="about">
<BloggerPreviousItems>
   <a href="<$BlogItemPermalinkURL$>">
      <$BlogPreviousItemTitle$>
   </a><br />
</BloggerPreviousItems>
</p>
<span class="menuheader">Pages</span>
<p class="about">/<a href="http://underground-headphones.blogspot.com/2006/09/request.html">request</a><br>
/other
</p>
<span class="menuheader">Stats</span>
<p class="about">
<script language='JavaScript' src='http://freehostedscripts.net/count.php?site=ID457765&name=hits&start=1'></script><Br>
<script language='JavaScript' src='http://freehostedscripts.net/counter.php?site=ID457765&e1=Online User&e2=Online users'></script>
</p>
</div>
</body>
</html>

thanks in advance!

moorepocket

Sep 22 2006, 08:08 PM

why do you have this when you type? It's in your entry (like when you post), not your code.

QUOTE

Something is weird with your second entry. Cause when i paste the code you have in my blogger. It looks like you wanted.

jazliyn

Sep 22 2006, 09:11 PM

QUOTE(moorepocket* @ Sep 22 2006, 9:08 PM)

why do you have this when you type? It's in your entry (like when you post), not your code.
Something is weird with your second entry. Cause when i paste the code you have in my blogger. It looks like you wanted.

hmm..i have no idea why that was in there. but thankyou, i didn't even think to check the posts, so it's all fixed now. :)

moorepocket

Sep 22 2006, 10:38 PM

cool.

jazliyn

Oct 2 2006, 03:58 PM

http://underground-headphones.blogspot.com/

someone said that there was <div style="clear:both"> in my 'source'. but it is not in my coding and when i try to post a new post, it does what you can see on the site.
i have no idea what to do.

please help?

thanks =]

moorepocket

Oct 2 2006, 05:27 PM

*topic merged.

before you post, look in the html version and delete the uneccessary stuffs. ie, trim the fat.

if it doesn't have it, then click post. If after posting, and it's mess up, go back and edit the entry.

jazliyn

Oct 2 2006, 08:06 PM

QUOTE(moorepocket* @ Oct 2 2006, 6:27 PM)

it's not in the entry html either. and i checked for unnessecary codes. nothing. =/

moorepocket

Oct 2 2006, 09:07 PM

try putting the sidbar before the blog content.

jazliyn

Oct 4 2006, 05:44 PM

QUOTE(moorepocket* @ Oct 2 2006, 10:07 PM)

try putting the sidbar before the blog content.

still didn't work.
i even took the sidebar out to see if it made any difference, and it didn't.

i searched on google about the clear:both; code, and i turned that off, but there still is no difference.

moorepocket

Oct 4 2006, 10:42 PM

what's wrong with your page?
i copied the code you gave into my blogger, and it works fine. Must be your settings or something.

When you view a comment, why is your page in a div box?

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.