Jump to content


  • Content Count

  • Joined

  • Last visited

Posts posted by Terrorer

  1. 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%;}

  2. Me, again. This time, I just can't seem to get my head around it. I came up with this idea when I was looking at the link tutorial. So my links on my website are little button pictures right? And I want them to change to a pressed button when they are active. How would I do that? This is probably a stupid, but I just can't get whatever I am not getting right now. And yes I have read the tutorial and searched the reference, I even went to other web pages and inspected their elements.

  3. See, I don't understand Div, not yet really, but I just forgot about my external style sheet and did it individually for each page. Worked that way, but I think it's because my style sheet is really unorganized, and I have no clue where to put things. Thanks though. :3

  4. Hello. Like I said in one of my other posts, the one about giving a table a margin on a style sheet; I am new to CSS really and I am making a little website for a school project. Last night I spent making some graphics for it and all, but my style sheet, as far as I know, is really unorganized, and I am really confused on how it's supposed to be organized. Most of the things I just put in it, and kept moving them around till it worked, but I am getting tired with that process, and it's really messy. Ill post my style sheet beneath, and if anybody could help me organized, that would be wonderful. ^_^ <html><head><style type="text/css">table{background-color:grey;} body {background-image:url('background.png');} table{width:1000px; height:700px; background-color:black;} table, th, td{border-collapse:collapse; color:grey;} h1{color:#800000 ;} h2{color:#A00000;} h3{color:#E00000;} p{font-family: courier new; color:#585858;}#table1{width:925px; height:484px;} #title{height:200px;} #nav1{width:50px;}</style></head> What's really confusing is that Table and Body thing up there..And I am looking to add some more Id's and some things for links, but I am not even sure where to put them on the sheet. Please help. I should probably add that I have been looking all over the tutorial and reference, and I still am having trouble finding out how to organize this dang thing :/ Also, I just tried putting in something for link, and wherever I put it, it doesn't do anything. D: Well, I just figured out why. I read the tutorial a couple more 100 times, and finally clued in that it's not supposed to have ANY HTML tags. I took out the html, head and style tags and there :D.

  5. I am new to CSS and HTML really and I have been reading the tutorials for a week now. So I am making this website, just on my G drive though, as I am not paying for a server. It's really just a table right now, with a title picture and some links to the other pages, an Iframe for my little slideshow and some color here and there. I have a style sheet, and I sort of get it really, but most things that happened on it were trial and error stuff (the ordering on that thing confuses me so much). My problem though, is that i want my table, of my website, to have a margin, so it's in the middle. How do I give it one? I've been trying for a bit now but nothing really works. I really just don't know where to put it. I can put the margin as a class or id, but I have no clue where to put it on my style sheet or the web pages.

  • Create New...