The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> HELP! Posts cut off
rhihihihihihi
post Apr 2 2012, 09:27 AM
Post #1





Group: Members
Posts: 1
Joined: 2-April 12
Member No.: 16,834
http://it-rains-here-everyday.tumblr.com/

the posts, as you can see, are cut off so you can't see the whole thing, and are all structured
i would like the posts to look like the ones on this blog > http://dissapears.tumblr.com/ (but still in the centre and stuff on my blog)

my html is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<!--
Theme: Shadows

© by http://venoms.tumblr.com

-->
<center>
<html lang="en">
<head>


<meta name="if:Endless Scrolling" content="0"/>

<meta name="font:Body" content="Cambria"/>

<meta name="color:Background" content="#FFFFFF"/>

<meta name="color:Text" content="#868686"/>

<meta name="color:Link" content="#BBBBBB"/>

<meta name="color:Hover" content="#949494"/>

<meta name="color:Header" content="#000000"/>

<meta name="color:Permalink Background" content="#000000"/>

<meta name="text:Custom Link One" content="" />

<meta name="text:Custom Link One Title" content="" />

<meta name="text:Custom Link Two" content="" />

<meta name="text:Custom Link Two Title" content="" />

<meta name="text:Custom Link Three" content="" />

<meta name="text:Custom Link Three Title" content="" />

<meta name="text:Custom Link Four" content="" />

<meta name="text:Custom Link Four Title" content="" />

<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>




<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}


<style type="text/css">


body {
margin:0px;
background-color: {color:Background};
font-size:9px;
font-family:Cambria;
line-height:11px;
color:{color:Text};
text-align:center;
}



a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: 0.3s ease-in;
}

a:hover {
color:{color:Hover};
text-decoration: none;
-webkit-transition: 0.3s ease-in;
}

{block:IndexPage}


.textpoststitle{
color:{font:color};
font-family:Cambria;
font-size:9px;
line-height:11px;
letter-spacing:0px;
border-bottom:1px solid #000000;
font-weight:normal;
margin:0px;
padding:0px;
text-align:center;
}

.textpoststitle:hover{font-style:italic;}

.linktitle{
color:{font:color};
font-family:Cambria;
font-size:9px;
line-height:11px;
letter-spacing:0px;
border-bottom:1px solid {color:text};
font-weight:bold;
margin:0px;
padding:0px;
text-align:center;
}

.linktitle:hover{font-style:italic;}



#container{
width:880px;
margin-left:69px;
}

#header{
position:fixed;
margin-bottom:60px;
left:69px;
width:880px;
text-align:center;
background-color:{color:header};

}

#entry{
float:left;
width:200px;
height:150px;
overflow:hidden;
text-align:left;
padding:10px;
}

#ask{
display:block;
float: left;
width:260px;
overflow:hidden;
word-wrap:break-word;
}


.permalink{
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
float:left;
margin-top:145px;
display:block;
width:200px;
height:10px;
padding:5px;
background-color:{color:Permalink Background};
}

.permalink a{
font-family:{font:body};
font-size:9px;
}

#entry:hover .permalink{
opacity:1.0;
filter: alpha(opacity = 90);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}


{/block:IndexPage}


.credit{margin-left:30%;
margin-top:45px; text-transform:uppercase;
position:fixed;
}


#pagination{
position:fixed;
bottom:5px;
font-size:11px;
font-family:{font:Body};
text-align:center;
{block:IfEndlessScrolling}display:none;{/block:IfEndlessScrolling}
padding-bottom:20px;
}

#pagination:hover{font-style:italic;}

{block:PermalinkPage}

.textpoststitle{
color:{font:color};
font-family:Cambria;
font-size:9px;
line-height:11px;
letter-spacing:0px;
border-bottom:1px solid #000000;
font-weight:bold;
margin:0px;
padding:0px;
text-align:center;
}

.linktitle{
color:{font:color};
font-family:Cambria ;
font-size:9px;
line-height:11px;
letter-spacing:0px;
border-bottom:1px solid {color:text};
font-weight:uppercase;
margin:0px ;
padding:0px;
text-align:center;

}

.title{font-size:20px; font-family:Cambria; margin-top:15px; text-transform:uppercase; margin-left:-20%;}
.title:hover{color:{color:title}; font-size:25px; font-family:georgia; margin-top:15px; letter spacing:6px; text-transform:uppercase;text-align:center;}




.permalink{
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
float:left;
margin-top:135px;
display:block;
width:200px;
height:15px;
padding:5px;
background-color:{color:Permalink};
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.permalink a{
font-family:{font:body};
font-size:11px;
}

#entry:hover .permalink{
opacity:0;
filter: alpha(opacity = 0);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#header{
position:center;
text-align:center;
margin-bottom:60px;
left:69px;
height:60px;
width:880px;
background-color:{color:header};
}

#container{
width:500px;
margin:auto;
}

#entry{
width:500px;
text-align:left;
padding:10px;
}

#ask{
display:block;
float: left;
width:500px;
overflow:hidden;
word-wrap:break-word;
}



div.video embed,
div.post div.video object {
width:500px;
}

{/block:PermalinkPage}


.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}

#header{
position:center;
text-align:center;
margin-bottom:60px;
left:69px;
height:60px;
width:880px;
background-color:{color:header};
}

</style>

{block:IfEndlessScrolling}
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
{/block:IfEndlessScrolling}

</head>
<body>

<center>

<a href="/"><p><big><big><big><big><big>I LONG FOR HAPPINESS</big></big></big></big></big></p></a>
<p>I'm Shruti. Take off your colours, who are you wearing them for? </p>
<a href="/links">links</a>


{block:IfCustomLinkOneTitle}
<a href="{text:Custom Link One}"> {text:Custom Link One Title}</a> ~
{/block:ifCustomLinkOneTitle}

{block:IfCustomLinkTwoTitle}
<a href="{text:Custom Link Two}"> {text:Custom Link Two Title}</a> ~
{/block:ifCustomLinkTwoTitle}

{block:ifCustomLinkThreeTitle}
<a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a> ~ {/block:ifCustomLinkThreeTitle}

{block:ifCustomLinkFourTitle}
<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> ~ {/block:ifCustomLinkFourTitle}</div>

<div class="title"><a href="/">{title}</a></div></div>
</center>



<div id="container">

{block:IfEndlessScrolling}
<div class="autopagerize_page_element">
{/block:IfEndlessScrolling}
<br><br><br><br><br>
{block:Posts}

<div id="entry">


{block:Text}
<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></span>
{block:Title}<div class="textpoststitle">{Title}</div>{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></span>
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:PermalinkPage}width="auto"{/block:PermalinkPage} width="auto"/>
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}{/block:HasTags}{/block:PermalinkPage}
{/block:Photo}

{block:Quote}
<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></span>
{Quote}
{block:Source} —{Source}{/block:Source}
{/block:Quote}

{block:Chat}
<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></span>
{block:Title}<div class="textpoststitle">{Title}</div>{/block:Title}
<ul>{block:Lines}<li>
{block:Label}<b>{Label}</b>{/block:Label}
{Line}
</li>{/block:Lines}</ul>
{/block:Chat}

{block:Link}
<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></span>
<a href="{URL}"><span class="links"><div class="linktitle"> {Name} </div></span></a>{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Audio}
<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></span><br><br><br>
{AudioPlayerBlack}
{block:Caption}{Caption}
{/block:Caption}
{/block:Audio}

{block:Video}
<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></span>
<center><div class="video">{Video-400}</div></center>
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:Answer}
<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></span>
"{Question}" - <b>{Asker}</b>
{Answer}
{/block:answer}
{/block:Answer}

</div>

{block:PostNotes}
<center>
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
</center></span>
<br>
{PostNotes}<br>

{/block:PostNotes}

{/block:posts}

{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}

<br><br>
{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">P R E V </a>{/block:PreviousPage}<br>{block:NextPage}<a href="{nextPage}">N E X T</a>{/block:nextPage}</div>{/block:Pagination}

</div></div></div>

<!--
Theme: Shadows

© by http://venoms.tumblr.com

-->

</center>
</body>
</html>

thank you in advance!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

Reply to this 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 · Subscribe to this forum

- Lo-Fi Version Time is now: 18th April 2024 - 02:09 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC