Jump to content

Why isn't my scroll boxes working?

Recommended Posts

Ok so I made a little scrolly box thing for my stories on my websites little html slide show thingy with all the link buttons right. Well on the first slide it worked, but on the 2nd, the scroll box wouldn't show up. I tried it again with the 3rd. Same thing, yet the first one shows up, and the page is perfect. Help please. Ill post the code. <html> <head> <title> Picture Five </title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> </head> <body> <table class="SS"> <tr> <td class="navigation"> <p id="text"> Slide Show Navigation:</p> <p><a href="SSPicturefour.htm" alt="Back"> <img border="0" src="backward.png" alt="back" width="32" height="32" /> </a> <a href="SSInstructions.htm" alt="Restart"> <img border="0" src="restart.png" alt="Restart"> </a> <a href="SSPicturesix.htm" alt="Next"> <img border="0" src="forward.png" alt="next" width="32" height="32" /></a> </p><hr/> </td> </tr> <tr> <td class="picture"> <h1>Old</h1> <hr/> <img src="old.png" width="10%" height="20%> </td> </tr> <tr> <td> <div id="scroll"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum convallis blandit mattis. Maecenas vel tortor sed nisl blandit sollicitudin ut ut nunc. Quisque elementum cursus urna. Suspendisse porttitor mattis metus, eget consequat urna congue id. Aenean at tempor sapien. Sed sollicitudin enim sagittis tellus tincidunt tempor. Quisque nec eros mi, a sodales tellus. Nunc condimentum, ligula sed porttitor lacinia, quam justo interdum est, aliquam varius dui tellus pellentesque sapien. Integer in dui risus. Duis hendrerit libero in dui scelerisque ut consequat velit laoreet. Pellentesque nec urna nisl, eleifend ullamcorper libero. Phasellus ligula dolor, interdum varius imperdiet nec, consequat aliquam orci. Donec tempor tempor elit, vel pretium neque aliquam sed. Vivamus ut elementum nulla. Praesent sollicitudin ultrices leo, consequat sagittis justo egestas sed. Donec eu leo risus, id sollicitudin risus. Suspendisse augue mi, ornare sit amet sollicitudin non, malesuada non urna. Maecenas pulvinar dignissim diam, ac fringilla leo commodo ut. Donec viverra sodales mauris at mollis. Integer et quam mollis nisi hendrerit venenatis quis et arcu. Morbi sollicitudin congue enim in facilisis. Cras id pharetra ligula. Vivamus sed ipsum a quam feugiat auctor at eu erat. Ut tempor consequat enim in tincidunt. Nulla massa ipsum, rhoncus id malesuada ac, pulvinar ut massa. Suspendisse ac ante ut ante fermentum vestibulum. Cras sed mauris in sem hendrerit ultricies in at massa. In vestibulum vestibulum turpis ut aliquet. Integer facilisis ullamcorper ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc in sapien et felis luctus vulputate. Cras aliquet metus ac magna imperdiet pellentesque. Curabitur sed turpis ac nisi porta fringilla in non ligula. Mauris id dolor eget velit adipiscing scelerisque vitae nec nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam erat volutpat. Sed at magna et nisi vestibulum mollis id a nibh. Aenean sollicitudin vestibulum diam, nec faucibus lorem tempor non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rutrum pellentesque ipsum venenatis malesuada. Suspendisse ullamcorper, enim eget sollicitudin dictum, ante odio commodo odio, vitae aliquet est mi imperdiet enim. Sed nec massa a turpis adipiscing adipiscing. In hac habitasse platea dictumst. Nunc vitae magna tellus, sit amet vehicula orci. Duis ac sagittis tortor. Vestibulum ac tortor a velit tristique porta. Vivamus eu auctor nisi. Fusce sodales, eros non pharetra fringilla, risus neque imperdiet nulla, quis consectetur orci nisl at nisl. Maecenas augue est, porttitor vel tristique non, tincidunt ut nunc. Donec tincidunt odio in sapien euismod suscipit. Sed dictum dictum vulputate. Morbi a molestie nulla. Nunc venenatis rhoncus dolor ac faucibus. Donec tincidunt fermentum tortor, et eleifend sapien accumsan eu. </p> </div> </td> </tr> </body></html> Style Sheet- a:link {text-decoration:none;} a:visited {text-decoration:none;} body {background-image:url('background.png');} table{border-color:white; width:80%; height:100%; background-color:black;} table, tr, td{ border-collapse:collapse; color:grey;} h1 {text-align:center; color:#800000 ;} h2{text-align:center; color:#A00000;} h3{text-align:center; color:#E00000;} p{font-family: courier new; color:white;text-align:center; font-size:20px;} div{background-color:black;} p.story{font-family:arial; font-size:14px; text-indent:50px;text-align:left;} ul.a {list-style-type:circle;} div.scroll{width:100%; height:20%; overflow:scroll;} iframe#bg{background-color:black;}#text{color:grey; font-family:georgia; font-size:14px; text-align:center;} #title{border-color:white; height:1%;} #nav1{width:5%; height:70%;} td.navigation{border-color:white; width:100%; height:1%;} td.picture{ width:885px; height:1%;} table.SS{width:100%;height:100%;} table.ssp{width:10%;}

Edited by Terrorer
Link to post
Share on other sites

Hi Terrorer, 1. Why did you put "</head>" twice?2. Could you please provide "stylesheet.css" file?3. width="10%%"???... Why did you put two %%?

Edited by creative1977
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...