The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Tumblr HTML Question. I'm a Newbie!, How do I scroll?
sjb121
post Mar 1 2015, 09:02 PM
Post #1





Group: Members
Posts: 1
Joined: 1-March 15
Member No.: 22,285
I submitted a long text post to my Tumblr. It shows up fine on my dashboard, but when when I go to the site and try to read it I can only see the Title of the post and the Image. I cannot scroll to read the rest of the text. I want people to be able to go my Tumblr and be able to read the full post.

Here is a link to the webpage: http://rebelempireproductions.tumblr.com/p...xed-kid-mandate

Here is the code. Any help would be appreciated. smile.gif


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">



<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="color:Page background" content="#FFFFFF">
<meta name="color:Post background" content="#FFFFFF"/>
<meta name="if:Show about" content="1"/>
<meta name="if:Show contact" content="1"/>
<meta name="if:Show links" content="1"/>
<meta name="if:Show RSS" content="1"/>
<meta name="if:Show archive" content="1"/>
<meta name="if:Show pages" content="1"/>
<meta name="if:Show ask me" content="1"/>
<meta name="text:Contact name" content="" />
<meta name="text:Contact street" content="" />
<meta name="text:Contact city" content="" />
<meta name="text:Contact country" content="" />
<meta name="text:Contact phone" content="" />
<meta name="text:Contact email" content="" />
<meta name="text:Link 1 name" content="" />
<meta name="text:Link 1 URL" content="" />
<meta name="text:Link 2 name" content="" />
<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 3 name" content="" />
<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 4 name" content="" />
<meta name="text:Link 4 URL" content="" />
<meta name="text:Link 5 name" content="" />
<meta name="text:Link 5 URL" content="" />
<meta name="text:Link 6 name" content="" />
<meta name="text:Link 6 URL" content="" />
<meta name="text:Link 7 name" content="" />
<meta name="text:Link 7 URL" content="" />
<meta name="text:Link 8 name" content="" />
<meta name="text:Link 8 URL" content="" />
<meta name="text:Link 9 name" content="" />
<meta name="text:Link 9 URL" content="" />
<meta name="text:Link 10 name" content="" />
<meta name="text:Link 10 URL" content="" />



<title>{Title}</title>
<link rel="shortcut icon" type="image/x-icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<script src="http://static.tumblr.com/2fqlbo1/FNOllt5fw/mootools-core-1.3.1-full-compat.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/2fqlbo1/3VMllt5gm/mootools-more-1.3.1.1.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/2fqlbo1/f4vllvihd/vicke.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/2fqlbo1/45Cllt5ik/elements.multifade.js" type="text/javascript"></script>



{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<script type="text/javascript">
window.addEvent( 'domready', function() {
$$('.poster').multiFade();
});

document.onkeydown = function(e) {
var k = e.keyCode;
if(k >= 37 && k <= 40) {
return false;
}
}
</script>

<STYLE type="text/css">

html, body {margin:0; padding:0; width:100%; height:100%; font-family: "Courier New", Courier, Sans-serif; font-size: 10pt; color: #000000; letter-spacing: 2px; text-align: left; overflow: hidden;}


#meny1{position:absolute; margin-left:0; width:25%; margin-top:-530px;}
#meny_about{width: 235px; margin: 0px auto;}
#meny_bild{position: absolute; z-index:100; opacity:1;}
#meny_bild_hover{position: absolute; z-index:50; opacity:0;}
#about_text{position: absolute; z-index: 120; margin-left: 72px; margin-top: 560px; cursor: pointer;}
#description{font-family: "Courier New"; font-size: 12px; cursor: default;}
#about{position: absolute; z-index: 150; margin-top: 240px; padding-left: 10px; overflow: hidden; width: 215px; height:275px;}

#meny2{position:absolute; margin-left:25%; width:25%; margin-top:-530px;}
#meny_contact{width: 235px; margin: 0px auto;}
#meny_bild2{position: absolute; z-index:100; opacity:1;}
#meny_bild_hover2{position: absolute; z-index:50; opacity:0;}
#contact_text{position: absolute; z-index: 120; margin-left: 53px; margin-top: 560px; cursor: pointer;}
.contact_adress{font-family: "Courier New"; font-size: 12px; cursor: default; margin-top:10px}
.contact_phomail{font-family: "Courier New"; font-size: 12px; cursor: default; margin-top:30px}
#contact{position: absolute; z-index: 150; margin-top: 240px; padding-left: 10px; overflow: hidden; width: 215px; height:275px;}

#meny3{position:absolute; margin-left:50%; width:25%; margin-top:-530px;}
#meny_links{width: 235px; margin: 0px auto;}
#meny_bild3{position: absolute; z-index:100; opacity:1;}
#meny_bild_hover3{position: absolute; z-index:50; opacity:0;}
#links_text{position: absolute; z-index: 120; margin-left: 73px; margin-top: 560px; cursor: pointer;}
#links{position: absolute; z-index: 150; margin-top: 240px; padding-left: 10px; overflow: hidden; width: 215px; height:275px;}
.links_name{font-family: "Courier New"; font-size: 12px; cursor: pointer; margin-top:10px}

#meny4{position:absolute; margin-left:75%; width:25%; margin-top:-530px;}
#meny_FYRA{width: 235px; margin: 0px auto;}
#meny_bild4{position: absolute; z-index:100; opacity:1;}
#meny_bild_hover4{position: absolute; z-index:50; opacity:0;}
#FYRA_text{position: absolute; z-index: 120; margin-left: 61px; margin-top: 560px; cursor: pointer;}
#FYRA{position: absolute; z-index: 150; margin-top: 260px; margin-left: 64px; overflow: hidden; width: 215px; height:203px;}
#sdas{cursor: pointer;}

#meny5{position:absolute; margin-left:0; width:25%; bottom:150px}
#meny_FEM{width: 235px; margin: 0px auto;}
#meny_bild5{position: absolute; z-index:120; opacity:1;}
#meny_bild_hover5{position: absolute; z-index:50; opacity:0;}
#FEM_text{position: absolute; z-index: 120; margin-left: 92px; margin-top: 95px; cursor: pointer;}
#FEM{position: absolute; z-index: 150; margin-top: 170px; padding-left: 17px; overflow: hidden; width: 215px; height:305px;}

#meny6{position:absolute; margin-left:25%; width:25%; bottom: 150px;}
#meny_SEX{width: 235px; margin: 0px auto;}
#meny_bild6{position: absolute; z-index:100; opacity:1;}
#meny_bild_hover6{position: absolute; z-index:50; opacity:0;}
#SEX_text{position: absolute; z-index: 120; margin-left: 52px; margin-top: 95px; cursor: pointer;}
#SEX{position: absolute; z-index: 150; margin-top: 170px; padding-left: 17px; overflow: hidden; width: 215px; height:305px;}

#meny7{position:absolute; margin-left:50%; width:25%; bottom: 150px;}
#meny_SJU{ width: 235px; margin: 0px auto;}
#meny_bild7{position: absolute; z-index:100; opacity:1;}
#meny_bild_hover7{position: absolute; z-index:50; opacity:0;}
#SJU_text{position: absolute; z-index: 120; margin-left: 72px; margin-top: 95px; cursor: pointer;}
#SJU{position: absolute; z-index: 150; margin-top: 150px; padding-left: 17px; overflow: hidden; width: 215px; height:305px;}
#pages_name{font-family: "Courier New"; font-size: 12px; cursor: pointer; margin-top:0px}

#meny8{position:absolute; margin-left:75%; width:25%; bottom: 150px;}
#meny_ATTA{width: 235px; margin: 0px auto;}
#meny_bild8{position: absolute; z-index:100; opacity:1;}
#meny_bild_hover8{position: absolute; z-index:50; opacity:0;}
#ATTA_text{position: absolute; z-index: 120; margin-left: 62px; margin-top: 95px; cursor: pointer;}
#ATTA{position: absolute; z-index: 150; margin-top: 170px; padding-left: 17px; overflow: hidden; width: 215px; height:305px;}

a {
color: #000000;
text-decoration: line-through; }

a:hover {
color: #000000;
background-color: #000000 ;
color: {color:Post background};
text-decoration: none; }

#container {
margin: 0px auto;
text-align: center !important;
margin-top: 170px;
width: 1080px; }

#post {
text-align: left;
{block:IndexPage}
margin: 0px 20px 20px 20px;
width: 480px;
height: 210px;
width: 320px;
height: 210;
padding: 0px;
float: left;
overflow: auto;
overflow: hidden;
{/block:IndexPage}
{block:PermalinkPage}
max-width: 500px;
{/block:PermalinkPage} }

#post #text, #post #photoset, #post #quote, #post #link, #post #chat, #post #audio, #post #video {
{block:IndexPage}
height: 100%;
padding: 4px;
{/block:IndexPage}
{block:PermalinkPage}
padding: 20px;
{/block:PermalinkPage} }

#post #text {
background-color: {color:Post background}; }

#post #quote {
background-color: {color:Post background}; }

#post #link {
background-color: {color:Post background}; }

#post #chat {
background-color: {color:Post background}; }

#post #audio {
background-color: {color:Post background}; }

#post #audio #player {
background-color: #000;
text-align: left; }

#post h1 {
color: #000000;
font-family: "Courier New", Courier, Sans-serif;
font-size: 15pt;
padding-bottom: 10px; }

#post h1 a {
color: #000000;
text-decoration: none; }

#post h1 a:hover {
color: #000000;
background-color: transparent;
text-decoration: line-through; }

#post #permalink {
z-index: 2;
margin-top: -28px;
text-align: right;
margin-right: -1px;
visibility: visible;
visibility: hidden;}

#post #permalink a {
padding: 0px 3px;
font-size: 15pt;
color: #000000;
font-family: "Courier New", Courier, Sans-serif;
background-color: transparent;
text-decoration: none; }

#post #permalink a:hover {
text-decoration: line-through;
color: #000000;}

#post #date, #post #notes {
margin-top: 30px; }

p, h1 {
margin: 0px; }

img#photopost {
min-width: 100%;
border: 0px solid; }

#notes li, #notes ul, #notes ol {
list-style-type: none;
margin: 0px;
padding: 0px; }

#footer {
clear: both;
width: 100%;
font-size: 10px;
color: #000000; }

#footer a {
color: #000000;
text-decoration: line-through; }

#footer a:hover {
text-decoration: none;
background-color: #000000;
color: {color:Post background}; }

#footer #right {
float: right;
{block:IndexPage}
margin-right: 20px;
{/block:IndexPage} }


blockquote {
margin-left: 0px;
padding-left: 10px;
border-left: 3px solid #000000; }

a img {
border: 0px solid; }

.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
display: none; }

{CustomCSS}
</style>
</head>
</STYLE>
</head>


<body style="background-color: {color:Page background} ">

<div id="meny1">
<div id="meny_about" onmouseover="OverMenuOne()" onmouseout="OutMenuOne()" {block:IfShowabout}onclick="MenuOneUpDown()"{/block:IfShowabout}>
<img id="meny_bild" src="http://41.media.tumblr.com/87a2066fc1cdda86addf3be44dffa656/tumblr_nkiar0hmYc1uolrjio1_500.png"/>
<img id="meny_bild_hover" src="http://41.media.tumblr.com/87a2066fc1cdda86addf3be44dffa656/tumblr_nkiar0hmYc1uolrjio1_500.png"/>
{block:IfShowabout}<img id="about_text" src="http://static.tumblr.com/2fqlbo1/PoWlmsljn/about2.png"/>{/block:IfShowabout}
<div id="about">
{block:Description}<p id="description">{Description}</p>{/block:Description}
</div>
</div>
</div>

<div id="meny2">
<div id="meny_contact" onmouseover="OverMenuTwo()" onmouseout="OutMenuTwo()" {block:IfShowcontact}onclick="MenuTwoUpDown()"{/block:IfShowcontact}>
<img id="meny_bild2" src="http://41.media.tumblr.com/87a2066fc1cdda86addf3be44dffa656/tumblr_nkiar0hmYc1uolrjio1_500.png"/>
<img id="meny_bild_hover2" src="http://41.media.tumblr.com/87a2066fc1cdda86addf3be44dffa656/tumblr_nkiar0hmYc1uolrjio1_500.png"/>
{block:IfShowcontact}<img id="contact_text" src="http://static.tumblr.com/2fqlbo1/67Flmslki/contact2.png"/>{/block:IfShowcontact}
<div id="contact">
<p class="contact_adress">{text:Contact name}</p>
<p class="contact_adress">{text:Contact street}</p>
<p class="contact_adress">{text:Contact city}</p>
<p class="contact_adress">{text:Contact country}</p>
<p class="contact_phomail">{text:Contact phone}</p>
<p class="contact_phomail">{text:Contact email}</p>
</div>
</div>
</div>

<div id="meny3">
<div id="meny_links" onmouseover="OverMenuThree()" onmouseout="OutMenuThree()" {block:IfShowlinks}onclick="MenuThreeUpDown()"{/block:IfShowlinks}>
<img id="meny_bild3" src="http://41.media.tumblr.com/87a2066fc1cdda86addf3be44dffa656/tumblr_nkiar0hmYc1uolrjio1_500.png"/>
<img id="meny_bild_hover3" src="http://41.media.tumblr.com/87a2066fc1cdda86addf3be44dffa656/tumblr_nkiar0hmYc1uolrjio1_500.png"/>
{block:IfShowlinks}<img id="links_text" src="http://static.tumblr.com/2fqlbo1/batlmsll7/links2.png"/>{/block:IfShowlinks}
<div id="links">
<p class="links_name"><a href="{text:Link 1 URL}" target="_blank">{text:Link 1 name}</a></p>
<p class="links_name"><a href="{text:Link 2 URL}" target="_blank">{text:Link 2 name}</a></p>
<p class="links_name"><a href="{text:Link 3 URL}" target="_blank">{text:Link 3 name}</a></p>
<p class="links_name"><a href="{text:Link 4 URL}" target="_blank">{text:Link 4 name}</a></p>
<p class="links_name"><a href="{text:Link 5 URL}" target="_blank">{text:Link 5 name}</a></p>
<p class="links_name"><a href="{text:Link 6 URL}" target="_blank">{text:Link 6 name}</a></p>
<p class="links_name"><a href="{text:Link 7 URL}" target="_blank">{text:Link 7 name}</a></p>
<p class="links_name"><a href="{text:Link 8 URL}" target="_blank">{text:Link 8 name}</a></p>
<p class="links_name"><a href="{text:Link 9 URL}" target="_blank">{text:Link 9 name}</a></p>
<p class="links_name"><a href="{text:Link 10 URL}" target="_blank">{text:Link 10 name}</a></p>
</div>
</div>
</div>

<div id="meny4">
<div id="meny_FYRA" onmouseover="OverMenuFour()" onmouseout="OutMenuFour()" onclick="MenuFourUpDown()">
<img id="meny_bild4" src="http://41.media.tumblr.com/87a2066fc1cdda86addf3be44dffa656/tumblr_nkiar0hmYc1uolrjio1_500.png"/>
<img id="meny_bild_hover4" src="http://41.media.tumblr.com/87a2066fc1cdda86addf3be44dffa656/tumblr_nkiar0hmYc1uolrjio1_500.png"/>
<img id="FYRA_text" src="http://static.tumblr.com/2fqlbo1/kCblmslly/design2.png"/>
<div id="FYRA">
<img id="sdas" onclick="window.open('http://www.sevendaysatsea.com/')" src="http://static.tumblr.com/2fqlbo1/G3Ellt68j/sdas.png"/>
</div>
</div>
</div>

<div id="meny5">
<div id="meny_FEM" onmouseover="OverMenuFive()" onmouseout="OutMenuFive()" {block:IfShowRSS}onclick="MenuFiveUpDown()"{/block:IfShowRSS}>
<img id="meny_bild5" src="https://40.media.tumblr.com/f7ee02bffb1496b4db393fd6dee44a45/tumblr_nkibo19etr1rdey2jo1_500.png"/>
<img id="meny_bild_hover5" src="https://40.media.tumblr.com/f7ee02bffb1496b4db393fd6dee44a45/tumblr_nkibo19etr1rdey2jo1_500.png"/>
{block:IfShowRSS}<p class="center"><img id="FEM_text" src="http://static.tumblr.com/2fqlbo1/OAglmslmv/rss2.png"/></p>{/block:IfShowRSS}
<div id="FEM">
<a href="{RSS}">click on this!</a>
</div>
</div>
</div>

<div id="meny6">
<div id="meny_SEX" onmouseover="OverMenuSix()" onmouseout="OutMenuSix()" {block:IfShowarchive}onclick="MenuSixUpDown()"{/block:IfShowarchive}>
<img id="meny_bild6" src="https://40.media.tumblr.com/f7ee02bffb1496b4db393fd6dee44a45/tumblr_nkibo19etr1rdey2jo1_500.png"/>
<img id="meny_bild_hover6" src="https://40.media.tumblr.com/f7ee02bffb1496b4db393fd6dee44a45/tumblr_nkibo19etr1rdey2jo1_500.png"/>
{block:IfShowarchive}<img id="SEX_text" src="http://static.tumblr.com/2fqlbo1/M60lmslne/archive2.png"/>{/block:IfShowarchive}
<div id="SEX">
<a href="/archive">click on this!</a>
</div>
</div>
</div>

<div id="meny7">
<div id="meny_SJU" onmouseover="OverMenuSeven()" onmouseout="OutMenuSeven()" {block:IfShowpages}onclick="MenuSevenUpDown()"{/block:IfShowpages}>
<img id="meny_bild7" src="https://40.media.tumblr.com/f7ee02bffb1496b4db393fd6dee44a45/tumblr_nkibo19etr1rdey2jo1_500.png"/>
<img id="meny_bild_hover7" src="https://40.media.tumblr.com/f7ee02bffb1496b4db393fd6dee44a45/tumblr_nkibo19etr1rdey2jo1_500.png"/>
{block:IfShowpages}<img id="SJU_text" src="http://static.tumblr.com/2fqlbo1/ef5lmsloa/pages2.png"/>{/block:IfShowpages}
<div id="SJU">
{block:HasPages}
{block:Pages} &nbsp; <p id="pages_name"><a href="{URL}" target="_blank">{Label}</a></p>{/block:Pages}
{/block:HasPages}
</div>
</div>
</div>

<div id="meny8">
<div id="meny_ATTA" onmouseover="OverMenuEight()" onmouseout="OutMenuEight()" {block:IfShowaskme}onclick="MenuEightUpDown()"{/block:IfShowaskme}>
<img id="meny_bild8" src="https://40.media.tumblr.com/f7ee02bffb1496b4db393fd6dee44a45/tumblr_nkibo19etr1rdey2jo1_500.png"/>
<img id="meny_bild_hover8" src="https://40.media.tumblr.com/f7ee02bffb1496b4db393fd6dee44a45/tumblr_nkibo19etr1rdey2jo1_500.png"/>
{block:IfShowaskme}<img id="ATTA_text" src="http://static.tumblr.com/2fqlbo1/fXBlmslow/askme2.png"/>{/block:IfShowaskme}
<div id="ATTA">
<a href="/ask">{AskLabel}</a>
</div>
</div>
</div>

<div id="container">
<div id="content">

{block:Posts}
<div id="post" class="poster">
{block:Text}
<div id="text">
{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
{Body}
</div>
{block:IndexPage}<div id="permalink"><a href="{Permalink}">&rarr;</a></div>{/block:IndexPage}
{/block:Text}

{block:Photo}
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" id="photopost"/>{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:IndexPage}</a>{/block:IndexPage}
{block:Caption}
{block:PermalinkPage}{Caption}{/block:PermalinkPage}
{/block:Caption}
{/block:Photo}

{block:Photoset}
<div id="photoset">
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{Photoset-500}
{block:Caption}
{Caption}
{/block:Caption}
{block:IndexPage}</a>{/block:IndexPage}
</div>
{block:IndexPage}<div id="permalink"><a href="{Permalink}">&rarr;</a></div>{/block:IndexPage}
{/block:Photoset}

{block:Quote}
<div id="quote">
<h1>"{Quote}"</h1>
{block:Source}
&mdash; {Source}
{/block:Source}
</div>
{block:IndexPage}<div id="permalink"><a href="{Permalink}">&rarr;</a></div>{/block:IndexPage}
{/block:Quote}

{block:Link}
<div id="link">
<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
{block:Description}
{Description}
{/block:Description}
</div>
{block:IndexPage}<div id="permalink"><a href="{Permalink}">&rarr;</a></div>{/block:IndexPage}
{/block:Link}

{block:Chat}
<div id="chat">
{block:Title}
<h1><a href="{Permalink}">{Title}</a></h3></h1>
{/block:Title}
{block:Lines}
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}<br>
{/block:Lines}
</div>
{block:IndexPage}<div id="permalink"><a href="{Permalink}">&rarr;</a></div>{/block:IndexPage}
{/block:Chat}

{block:Video}
<div id="video">
{Video-500}
{block:Caption}
{Caption}
{/block:Caption}
</div>
{block:IndexPage}<div id="permalink"><a href="{Permalink}">&rarr;</a></div>{/block:IndexPage}
{/block:Video}

{block:Audio}
<div id="audio">
<div id="player">
{AudioPlayerBlack}
</div>
{block:Caption}
{Caption}
{/block:Caption}
</div>
{block:IndexPage}<div id="permalink"><a href="{Permalink}">&rarr;</a></div>{/block:IndexPage}
{/block:Audio}

{block:PermalinkPage}
<div id="date">
{block:Date}{DayOfMonth} {MonthNumber} {ShortYear} &nbsp; {/block:Date}
{NoteCountWithLabel} &nbsp;
{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>{/block:RebloggedFrom}
{block:PermalinkPage}


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

<div id="footer">
<div id="right">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">newer</a>{/block:PreviousPage}
{CurrentPage}/{TotalPages}
{block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
{/block:Pagination}</div>
</div>
</div>



</body>
</html>
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: 19th April 2024 - 10:18 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC