Log In · Register

 
 
 Closed TopicStart new topic
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!
 
moorepocket
post Sep 22 2006, 08:08 PM
Post #2


Death is a promise given to us at birth
*******

Group: Official Designer
Posts: 4,757
Joined: Mar 2004
Member No: 7,459
why do you have this when you type? It's in your entry (like when you post), not your code.
QUOTE
<div style="clear:both;"></div>


Something is weird with your second entry. Cause when i paste the code you have in my blogger. It looks like you wanted.
 
jazliyn
post Sep 22 2006, 09:11 PM
Post #3


Member
**

Group: Member
Posts: 13
Joined: Sep 2004
Member No: 47,008
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
post Sep 22 2006, 10:38 PM
Post #4


Death is a promise given to us at birth
*******

Group: Official Designer
Posts: 4,757
Joined: Mar 2004
Member No: 7,459
cool.
 
jazliyn
post Oct 2 2006, 03:58 PM
Post #5


Member
**

Group: Member
Posts: 13
Joined: Sep 2004
Member No: 47,008
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
post Oct 2 2006, 05:27 PM
Post #6


Death is a promise given to us at birth
*******

Group: Official Designer
Posts: 4,757
Joined: Mar 2004
Member No: 7,459
*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
post Oct 2 2006, 08:06 PM
Post #7


Member
**

Group: Member
Posts: 13
Joined: Sep 2004
Member No: 47,008
QUOTE(moorepocket* @ Oct 2 2006, 6: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.



it's not in the entry html either. and i checked for unnessecary codes. nothing. =/
 
moorepocket
post Oct 2 2006, 09:07 PM
Post #8


Death is a promise given to us at birth
*******

Group: Official Designer
Posts: 4,757
Joined: Mar 2004
Member No: 7,459
try putting the sidbar before the blog content.
 
jazliyn
post Oct 4 2006, 05:44 PM
Post #9


Member
**

Group: Member
Posts: 13
Joined: Sep 2004
Member No: 47,008
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
post Oct 4 2006, 10:42 PM
Post #10


Death is a promise given to us at birth
*******

Group: Official Designer
Posts: 4,757
Joined: Mar 2004
Member No: 7,459
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?
 
« 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: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic