Tumblr HTML Question. I'm a Newbie!, How do I scroll? |
Tumblr HTML Question. I'm a Newbie!, How do I scroll? |
sjb121 |
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. <!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} <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}">→</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}">→</a></div>{/block:IndexPage} {/block:Photoset} {block:Quote} <div id="quote"> <h1>"{Quote}"</h1> {block:Source} — {Source} {/block:Source} </div> {block:IndexPage}<div id="permalink"><a href="{Permalink}">→</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}">→</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}">→</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}">→</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}">→</a></div>{/block:IndexPage} {/block:Audio} {block:PermalinkPage} <div id="date"> {block:Date}{DayOfMonth} {MonthNumber} {ShortYear} {/block:Date} {NoteCountWithLabel} {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> |
Lo-Fi Version | Time is now: 24th April 2024 - 12:04 AM |