Log In · Register

 
help, please
jazliyn
post Sep 21 2006, 08:17 PM
Post #1


Member
**

Group: Member
Posts: 13
Joined: Sep 2004
Member No: 47,008
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;">
<!-------------------------------------------------
BEGIN BLOGGER CODE
--------------------------------------------------- >

<Blogger>
<!------ DATES ------>
    <BlogDateHeader>
<div class="head"><$BlogDateHeaderDate$>
    </BlogDateHeader>

<a name="<$BlogItemNumber$>"></a>
<br>
<!------ SUBJECT ------>
    <BlogItemTitle>
Subject:<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
    </BlogItemTitle>
</div>
<!------ POST BODY ------>
    <div class="post-body">
     <$BlogItemBody$>
    </div>

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

<Br>

<!------- COMMENT -------->
<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$>">&lt;&lt; Home</a>
   </p>

   </p>
   </div>

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

<!-- Begin #sidebar -->
<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!
 

Posts in this topic
jazliyn   help, please   Sep 21 2006, 08:17 PM
moorepocket*   why do you have this when you type? It's in yo...   Sep 22 2006, 08:08 PM
jazliyn   QUOTE(moorepocket* @ Sep 22 2006, 9:08 PM...   Sep 22 2006, 09:11 PM
moorepocket*   cool.   Sep 22 2006, 10:38 PM
jazliyn   http://underground-headphones.blogspot.com/ someo...   Oct 2 2006, 03:58 PM
moorepocket*   *topic merged. before you post, look in the html ...   Oct 2 2006, 05:27 PM
jazliyn   QUOTE(moorepocket* @ Oct 2 2006, 6:27 PM)...   Oct 2 2006, 08:06 PM
moorepocket*   try putting the sidbar before the blog content.   Oct 2 2006, 09:07 PM
jazliyn   QUOTE(moorepocket* @ Oct 2 2006, 10:07 PM...   Oct 4 2006, 05:44 PM
moorepocket*   what's wrong with your page? i copied the code...   Oct 4 2006, 10:42 PM

« Next Oldest · Blogger Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic