I've really been in the mood to make tables so I went and made one for my newest character. I never see anyone use tables here. Now I'm gonna stick out like a sore thumb. :3 I might consider making tables for anyone else who wants one and would use it, but sadly I can't get the codes for different table styles, just this one. So table requests will have to wait lulz anyways. See if you can see what the and the details in it if you can ;3 <table width="400"><tr><td style="background:#000000 url(http://img393.imageshack.us/img393/2841 ... tabek4.png) no-repeat top; color:#DEDEDE; padding:200px 10px 10px 10px; border:1px solid #ffc600; line-height:11px; font-family:trebuchet ms; font-size:8.2pt; text-align:justify;"><font color="#8c210b"> <center><font size="2"><font color="#ff8a00"> That the darkest hour never comes in the night. </font></font>Yeah, I get it, You're an outcast. Always under attack. Always coming in last, Bringing up the past. No one owes you anything. I think you need a shotgun blast, A kick in the ass, So paranoid. . . Watch your back!! Oh my, here we go... Another lose cannon gone bi-polar Slipped down, couldn't get much lower. Quicksand's got no sense of humor. I'm still laughing like hell. You think that the cryin to me, Looking so sorry that I'm gonna believe,You've been infected by a social disease. Well, then take your medicine. I created the Sound of Madness. Wrote the book on pain. Somehow I'm still here, To explain, That the darkest hour never comes in the night. You can sleep with a gun. When you gonna wake up and fight... for yourself? I'm so sick of this tombstone mentality, If there's an afterlife, Then it'll set you free. But I'm not gonna part the seas You're a self-fulfilling prophecy. You think that cryin to me, Looking so sorry that I'm gonna believe, You've been infected by a social disease. Well, then take your medicine. I created the Sound of Madness. Wrote the book on pain. Somehow I'm still here, To explain, That the darkest hour never comes in the night. You can sleep with a gun. When you gonna wake up and fight... for yourself? <font color="#7f8497">"Speak"</font> <font size="1"><font color="#af0000">I created the Sound of Madness. Wrote the book on pain. Somehow I'm still here To explain.</font></font><center> </font></div></td></tr></table>
What kind of table style codes are you looking for? Because I can whip up just about anything you can dream of. :) That table is looking pretty hot. The header image is just a wee bit large (file size, not height or width). If you compress it properly, you can bring it down from 250K to ~70K with barely any visual degradation. 250K as PNG vs 69.49K as 70% web compressed JPG The benefits are that it a) loads a lot faster and b) takes up less space.
Like a scrollbox table, one with the image in the middle, image on the bottom, detached side image, detached top image xD I bet that doesn't help at all lulz There was a site that Lando over on Myth linked to with those on it that I can't seem to find. Andand, I didn't know there'd be a problem with image sizes, I never actually thought about it. What did you do to take down the file size without killing the image? I haven't tried to do that in photoshop in so long because even saving it as a .jpg because if you kept it on the highest settings the size wouldn't get smaller and it wouldn't get much smaller by killing it by taking down the quality. xD But thanks so much on the tip and compliment, I'll use yer image if that's all right. :3
That sort of helps. XD I'll try to pull a couple table templates together this weekend. I'm pretty sure that I'll have the time for it. I just need to get past the lump of homework that I have for this week. I only noticed that your image was large because it sort of gave a quick flicker before it loaded for me. A lot of people seem to needlessly save as PNG files, because they're rather lossless... but often you really don't need that sort of quality on the web. Take the header on this site for example, it's pretty big, but I was able to squish it down to 92K. As for compressing image sizes, if you're using Photoshop CS3 the option is under "File -> Save for Web & Devices". If you're using a version below CS3, I believe it's just called "Save for Web". :)
Yer awesome. :3 God I wish I could make templates and such. I envy people who're gods at coding stuff. But srsly, no rush on it at all. School comes first for those who're in school. But here are <a href=http://crystal-san.deviantart.com/art/Myth-Tables-97747185>those tables</a> I described, sadly I don't have any of the codes but hopefully seeing a picture of them could help clarify what I was saying? The only ones I don't have are the tables with the images on the side in another box, pictures at the bottom and pictures at the top in another box. /fails at explaining Usually once a picture loads for me, there's no problem loading later unless I restart firefox or my computer, but I'll keep in mind the file sizes when I go to make more tables. Thanks again, I'll play around with the 'save for web' thing. xD
Another table, but this one's for Eirik cause he needed one, poor guy. <table width="453"><tr><td style="background:#0c0704 url(http://img376.imageshack.us/img376/9919/eiriktabih3.jpg) no-repeat top; color:#DEDEDE; padding:200px 10px 10px 10px; border:1px solid #b6d2e9; line-height:11px; font-family:trebuchet ms; font-size:8.2pt; text-align:justify;"><font color="#69caff"> <center><font size="2"><font color="#b961e7"> I only need one more day, Just one more chance to say, I wish that I had gone up with you too. </font></font>I'm just so tired, Won't you sing me to sleep, And fly through my dreams, So I can, hitch a ride with you tonight, And get away from this place, Have a new name and face, I just ain't the same without you in my life. Late night drives, all alone in my car, I can't help but start Singing lines from all our favorite songs, And melodies in the air, Singin' life just ain't fair, Sometimes I, still just can't believe you're gone, And I'm sure the view from heaven Beats the hell out of mine here, And if we all believe in heaven, Maybe we'll make it through one more year Down here. Feel your fire, When its cold in my heart, And things sorta start Remindin' me of my last night with you. I only need one more day, Just one more chance to say, I wish that I had gone up with you too, And I'm sure the view from heaven Beats the hell out of mine here. And if we all believe in heaven, Maybe we'll make it through one more year Down here. <font color="#0059fa">"You won't be comin' back And I didn't get to say goodbye, I really wish I got to say goodbye."</font> And I'm sure the view from heaven Beats the hell out of mine here. And if we all believe in heaven, Maybe we'll make it through one more year. I hope that all is well in heaven, 'Cause it's all shot to hell down here. I hope that I find you in heaven, 'Cause I'm so Lost without you down here. You won't be coming back. And I didn't get to say goodbye. I really wish I got to say goodbye. <font color="#0059fa">"Speak"</font> <font size="1"><font color="#ff82ff">You won't be coming back, And I didn't get to say goodbye. I really wish I got to say goodbye.</font></font><center> </font></div></td></tr></table>
Ooooo perdyful. lol. i'd love to have one for fey and garret. Though i myself have no clue about coding. ^^
I'll just... edit this post whenever I add a new one, I guess. 100% CSS, ooooh yeah. XD Yeah, I'm totally just grabbing random images from my Photobucket account, lol. I. Side Image Table <div style="display:table;margin:0 auto;width:500px;border:1px solid #fff;background: #000 url(http://img.photobucket.com/albums/v199/ ... le_002.jpg) no-repeat top left;"><div style="float:right;width:300px;padding: 10px;border-left:1px solid #000;background-image:url(http://img.photobucket.com/albums/v199/ ... rn_101.gif)">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis auctor viverra enim. Praesent blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus in nisi. Phasellus vel magna. Donec sit amet libero? Integer tempus; massa nec sodales blandit, pede mi semper sem, id consequat felis nibh nec enim. Sed tristique gravida ligula? Sed auctor. Donec vitae risus. Suspendisse porta egestas enim. Nam pellentesque lorem imperdiet nisi. In dapibus mi non est. Fusce sagittis quam porta metus! Maecenas dui. Pellentesque ac nisi nec nunc interdum vulputate. Cras rhoncus porttitor purus! Aenean arcu risus, vulputate quis, feugiat elementum, hendrerit eu, enim. Donec cursus. Vestibulum ipsum. Mauris augue turpis, hendrerit at, feugiat consequat, commodo sit amet, ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ante felis, accumsan in, adipiscing a, porttitor ut, quam. Praesent odio purus, faucibus et, convallis fermentum, dapibus ac, felis! Suspendisse ac erat a mauris dapibus ornare.</div></div> <table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>CODE </td></tr><tr><td id='CODE'><div style="display:table;margin:0 auto;width:500px;border:1px solid #fff;background: #000 url(http://img.photobucket.com/albums/v199/kakosenas/acad/wormhole_002.jpg) no-repeat top left;"><div style="float:right;width:300px;padding: 10px;border-left:1px solid #000;background-image:url(http://img.photobucket.com/albums/v199/kakosenas/pattern_101.gif)">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis auctor viverra enim. Praesent blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus in nisi. Phasellus vel magna. Donec sit amet libero? Integer tempus; massa nec sodales blandit, pede mi semper sem, id consequat felis nibh nec enim. Sed tristique gravida ligula? Sed auctor. Donec vitae risus. Suspendisse porta egestas enim. Nam pellentesque lorem imperdiet nisi. In dapibus mi non est. Fusce sagittis quam porta metus! Maecenas dui. Pellentesque ac nisi nec nunc interdum vulputate.</div></div></td></tr></table> II. Simple Scrolling Table <div style="display:table;margin:0 auto;width:500px;border:3px double pink;background: #000 url(http://img.photobucket.com/albums/v199/ ... 84-1-1.jpg) no-repeat center;width:561px;"><div style="height:250px;padding: 10px;overflow:auto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sollicitudin accumsan enim? Nullam dictum turpis vitae lorem. Curabitur sed sapien ut leo bibendum tempus. Ut nec dui. Duis nisl felis; congue vulputate, tristique in, ullamcorper vel, sapien? Duis dapibus. Curabitur ipsum odio, cursus quis, semper at; blandit eget, arcu. Praesent eu erat. Aliquam eu nibh a lectus accumsan eleifend. Fusce dapibus egestas dolor. Aenean sapien quam, viverra ac, vulputate cursus, molestie id, quam. Nam et est. Morbi dictum, dui id imperdiet semper, lacus sapien placerat sapien, eu vulputate justo eros sed eros! Ut quis enim nec ipsum fermentum suscipit. Sed enim. Praesent vehicula, elit non accumsan euismod, eros eros auctor nisi, at euismod quam orci quis augue. Mauris ut augue. Suspendisse quis mi non metus placerat mollis. Nam vestibulum ipsum ac dolor. Vestibulum gravida aliquam magna. Nunc porta tincidunt felis. Quisque eleifend, odio vel vestibulum scelerisque, orci ligula commodo neque, a sodales orci massa eu odio. Morbi nec erat. Mauris tempor laoreet erat. Curabitur sodales. Duis eros diam; rhoncus tempor; blandit in, pretium ut, elit. Sed vitae erat. Sed non ipsum! Integer ac turpis et enim iaculis tempus! Fusce rutrum ante quis nisl. Integer erat. Duis enim ipsum, tincidunt ut, dictum ut, auctor et, lectus. In est. Sed nunc tellus, malesuada vitae, vulputate quis, facilisis sed, felis. Morbi egestas scelerisque nulla. Morbi convallis aliquam dui. Proin vulputate. Vestibulum sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc arcu dolor, iaculis at, posuere eu, rutrum non, arcu. Donec sed ante id ligula ultricies condimentum! Sed elementum. Vestibulum a enim nec mauris dignissim sagittis. Fusce vehicula felis non erat. Nullam in nisi. Quisque id pede nec erat adipiscing fermentum. Suspendisse tincidunt felis in leo. Proin diam. Nunc tempor malesuada lorem.</div></div> <table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>CODE </td></tr><tr><td id='CODE'><div style="display:table;margin:0 auto;width:500px;border:3px double pink;background: #000 url(http://img.photobucket.com/albums/v199/kakosenas/pics/IMG_5897JPG_984-1-1.jpg) no-repeat center;width:561px;"><div style="height:250px;padding: 10px;overflow:auto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sollicitudin accumsan enim? Nullam dictum turpis vitae lorem. Curabitur sed sapien ut leo bibendum tempus. Ut nec dui. Duis nisl felis; congue vulputate, tristique in, ullamcorper vel, sapien? Duis dapibus. Curabitur ipsum odio, cursus quis, semper at; blandit eget, arcu. Praesent eu erat. Aliquam eu nibh a lectus accumsan eleifend. Fusce dapibus egestas dolor. Aenean sapien quam, viverra ac, vulputate cursus, molestie id, quam. Nam et est.</div></div></td></tr></table> III. Rounded Corners (Only works with browsers that support CSS3, like Firefox.) <div style="display:table;margin:0 auto;width:500px;border:10px solid #FFF;background-color:#FFF;-moz-border-radius: 15px;border-radius: 5px;color:#4C4C4C;text-align:justify;"><div style="border:10px solid #B7D24A;background-color:#B7D24A;-moz-border-radius: 5px;border-radius: 5px;font-weight:bold;color:#fff;">Aenean sapien quam.</div> Sit amet, consectetuer adipiscing elit. Proin sollicitudin accumsan enim? Nullam dictum turpis vitae lorem. Curabitur sed sapien ut leo bibendum tempus. Ut nec dui. Duis nisl felis; congue vulputate, tristique in, ullamcorper vel, sapien? <div style="border:10px solid #B2AC9F;background-color:#B2AC9F;-moz-border-radius: 5px;border-radius: 5px;font-weight:bold;">Lorem ipsum dolor.</div> Duis dapibus. Curabitur ipsum odio, cursus quis, semper at; blandit eget, arcu. Praesent eu erat. Aliquam eu nibh a lectus accumsan eleifend. Fusce dapibus egestas dolor. Aenean sapien quam, viverra ac, vulputate cursus, molestie id, quam. Nam et est. Morbi dictum, dui id imperdiet semper, lacus sapien placerat sapien, eu vulputate justo eros sed eros! Ut quis enim nec ipsum fermentum suscipit. Sed enim. Praesent vehicula, elit non accumsan euismod, eros eros auctor nisi, at euismod quam orci quis augue. Mauris ut augue. Suspendisse quis mi non metus placerat mollis. Nam vestibulum ipsum ac dolor. Vestibulum gravida aliquam magna. Nunc porta tincidunt felis. Quisque eleifend, odio vel vestibulum scelerisque, orci ligula commodo neque, a sodales orci massa eu odio. Morbi nec erat. Mauris tempor laoreet erat. Curabitur sodales. Duis eros diam; rhoncus tempor; blandit in, pretium ut, elit. Sed vitae erat. Sed non ipsum! Integer ac turpis et enim iaculis tempus! Fusce rutrum ante quis nisl. Integer erat. Duis enim ipsum, tincidunt ut, dictum ut, auctor et, lectus.</div> <table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>CODE </td></tr><tr><td id='CODE'><div style="display:table;margin:0 auto;width:500px;border:10px solid #FFF;background-color:#FFF;-moz-border-radius: 15px;border-radius: 5px;color:#4C4C4C;text-align:justify;"><div style="border:10px solid #B7D24A;background-color:#B7D24A;-moz-border-radius: 5px;border-radius: 5px;font-weight:bold;color:#fff;">Aenean sapien quam.</div> Sit amet, consectetuer adipiscing elit. Proin sollicitudin accumsan enim? Nullam dictum turpis vitae lorem. Curabitur sed sapien ut leo bibendum tempus. Ut nec dui. Duis nisl felis; congue vulputate, tristique in, ullamcorper vel, sapien? <div style="border:10px solid #B2AC9F;background-color:#B2AC9F;-moz-border-radius: 5px;border-radius: 5px;font-weight:bold;">Lorem ipsum dolor.</div> Duis dapibus. Curabitur ipsum odio, cursus quis, semper at; blandit eget, arcu. Praesent eu erat. Aliquam eu nibh a lectus accumsan eleifend. Fusce dapibus egestas dolor. Aenean sapien quam, viverra ac, vulputate cursus, molestie id, quam. Nam et est. Morbi dictum, dui id imperdiet semper, lacus sapien placerat sapien, eu vulputate justo eros sed eros! Ut quis enim nec ipsum fermentum suscipit. Sed enim. Praesent vehicula, elit non accumsan euismod, eros eros auctor nisi, at euismod quam orci quis augue. Mauris ut augue. Suspendisse quis mi non metus placerat mollis. Nam vestibulum ipsum ac dolor. Vestibulum gravida aliquam magna. Nunc porta tincidunt felis. Quisque eleifend, odio vel vestibulum scelerisque, orci ligula commodo neque, a sodales orci massa eu odio. Morbi nec erat. Mauris tempor laoreet erat. Curabitur sodales. Duis eros diam; rhoncus tempor; blandit in, pretium ut, elit. Sed vitae erat. Sed non ipsum! Integer ac turpis et enim iaculis tempus! Fusce rutrum ante quis nisl. Integer erat. Duis enim ipsum, tincidunt ut, dictum ut, auctor et, lectus.</div></td></tr></table> IV. Larger Middle Image Thingummy <div style="margin:0 auto;width:400px;border: 3px double #5CA8B8;border-bottom: 0;background-color:#C8E1E6;color:#3c5cb6;padding: 6px;font-size:10px;text-align:justify;">Duis dapibus. Curabitur ipsum odio, cursus quis, semper at; blandit eget, arcu. Praesent eu erat. Aliquam eu nibh a lectus accumsan eleifend. Fusce dapibus egestas dolor. Aenean sapien quam, viverra ac, vulputate cursus, molestie id, quam. Nam et est.</div><div style="margin:0 auto;width:498px;height:145px;border:1px solid #5CA8B8"></div><div style="margin:0 auto 0 auto;width:400px;border: 3px double #5CA8B8;border-top: 0;background-color:#C8E1E6;color:#3c5cb6;padding: 6px;font-size:10px;text-align:justify;">Morbi dictum, dui id imperdiet semper, lacus sapien placerat sapien, eu vulputate justo eros sed eros! Ut quis enim nec ipsum fermentum suscipit. Sed enim. Praesent vehicula, elit non accumsan euismod, eros eros auctor nisi, at euismod quam orci quis augue. Mauris ut augue. Suspendisse quis mi non metus placerat mollis. Nam vestibulum ipsum ac dolor. Vestibulum gravida aliquam magna. Nunc porta tincidunt felis. Quisque eleifend, odio vel vestibulum scelerisque, orci ligula commodo neque, a sodales orci massa eu odio. Morbi nec erat. Mauris tempor laoreet erat. Curabitur sodales. Duis eros diam; rhoncus tempor; blandit in, pretium ut, elit. Sed vitae erat. Sed non ipsum! Integer ac turpis et enim iaculis tempus! Fusce rutrum ante quis nisl. Integer erat. Duis enim ipsum, tincidunt ut, dictum ut, auctor et, lectus. Duis dapibus. Curabitur ipsum odio, cursus quis, semper at; blandit eget, arcu. Praesent eu erat. Aliquam eu nibh a lectus accumsan eleifend. Fusce dapibus egestas dolor. Aenean sapien quam, viverra ac, vulputate cursus, molestie id, quam. Nam et est.</div> <table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>CODE </td></tr><tr><td id='CODE'><div style="margin:0 auto;width:400px;border: 3px double #5CA8B8;border-bottom: 0;background-color:#C8E1E6;color:#3c5cb6;padding: 6px;font-size:10px;text-align:justify;">Duis dapibus. Curabitur ipsum odio, cursus quis, semper at; blandit eget, arcu.</div><div style="margin:0 auto;width:498px;height:145px;border:1px solid #5CA8B8"></div><div style="margin:0 auto 0 auto;width:400px;border: 3px double #5CA8B8;border-top: 0;background-color:#C8E1E6;color:#3c5cb6;padding: 6px;font-size:10px;text-align:justify;">Morbi dictum, dui id imperdiet semper, lacus sapien placerat sapien, eu vulputate justo eros sed eros!</div></td></tr></table> V. Top Left BG Image (Just something I used to have on my Neopets account once upon a time.) <div style="display:table;margin:0 auto;width:500px;background: #fff url(http://img.photobucket.com/albums/v199/ ... worms4.jpg) no-repeat top left;border:10px solid #FFF;background-color:#FFF;-moz-border-radius: 15px;border-radius: 5px;height:700px;"><div style="position:relative;top:380px;left:60px;color:#666;width:440px;height:300px;overflow:auto">Mauris ut augue. Suspendisse quis mi non metus placerat mollis. Nam vestibulum ipsum ac dolor. Vestibulum gravida aliquam magna. Nunc porta tincidunt felis. Quisque eleifend, odio vel vestibulum scelerisque, orci ligula commodo neque, a sodales orci massa eu odio. Morbi nec erat. Mauris tempor laoreet erat. Curabitur sodales. Duis eros diam; rhoncus tempor; blandit in, pretium ut, elit. Sed vitae erat. Sed non ipsum! Integer ac turpis et enim iaculis tempus! Fusce rutrum ante quis nisl. Integer erat. Duis enim ipsum, tincidunt ut, dictum ut, auctor et, lectus. Duis dapibus. Curabitur ipsum odio, cursus quis, semper at; blandit eget, arcu. Praesent eu erat. Aliquam eu nibh a lectus accumsan eleifend. Fusce dapibus egestas dolor. Aenean sapien quam, viverra ac, vulputate cursus, molestie id, quam. Nam et est. Suspendisse quis mi non metus placerat mollis. Nam vestibulum ipsum ac dolor. Vestibulum gravida aliquam magna. Nunc porta tincidunt felis. Quisque eleifend, odio vel vestibulum scelerisque, orci ligula commodo neque, a sodales orci massa eu odio. Morbi nec erat. Mauris tempor laoreet erat. Curabitur sodales. Duis eros diam; rhoncus tempor; blandit in, pretium ut, elit. Sed vitae erat. Sed non ipsum! Integer ac turpis et enim iaculis tempus! Fusce rutrum ante quis nisl. Integer erat. Quisque eleifend, odio vel vestibulum scelerisque, orci ligula commodo neque, a sodales orci massa eu odio. Morbi nec erat. Mauris tempor laoreet erat. Curabitur sodales. Duis eros diam; rhoncus tempor; blandit in, pretium ut, elit. Sed vitae erat. Sed non ipsum! Integer ac turpis et enim iaculis tempus! Fusce rutrum ante quis nisl. Integer erat.</div></div> <table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>CODE </td></tr><tr><td id='CODE'><div style="display:table;margin:0 auto;width:500px;background: #fff url(http://img.photobucket.com/albums/v199/kakosenas/tapeworms4.jpg) no-repeat top left;border:10px solid #FFF;background-color:#FFF;-moz-border-radius: 15px;border-radius: 5px;height:700px;"><div style="position:relative;top:380px;left:60px;color:#666;width:440px;height:300px;overflow:auto">Mauris ut augue. Suspendisse quis mi non metus placerat mollis. Nam vestibulum ipsum ac dolor. Vestibulum gravida aliquam magna. Nunc porta tincidunt felis. Quisque eleifend, odio vel vestibulum scelerisque, orci ligula commodo neque, a sodales orci massa eu odio. Morbi nec erat. Mauris tempor laoreet erat.</div></div></td></tr></table>
Oh my god those are sexy tables dgghfd seriously xD Great job on them omg. Yeesss for tables. That's amazing. I dunno how you make those. Fersrs.
http://www.somacon.com/p141.phphttp://www.somacon.com/p141.php</a> here's a cool table-making wizard. (:
holycrap you skilled sdflg xD I took the big scroll table and made a table out of it a while ago and it took me a couple hours to edit it. Fun stuff man. xD Thanks so much for putting in the time for theessee.
You're welcome! I think I might end up adding these and a few other examples up on the site somewhere. That way other people can easily snatch the code to use/learn from. :)
Man that'd be awesome. I've been dying for something like this, I'm just freakin happy yer willing to be so nice. :3 Btw, if we use these codes on other sites, do we have to link back and give credit or ... they're just like freebies up for grabs for anyone? I figure since yer doing this it'd be the latter. xD /fail
While a link back to the site would ultimately be awesome, I'm really not going to require something like that. :] So it's free-for-all. If you were going to use one of my images in a manipulation, then attribution is pretty much a given. Buut yeah, the code here can be considered freebies.
Jods! those are, wow amazing! i've forgotten all my old css stuff from a few years back ^^ even then...... wow..... Crys....... you toooo, i can't make tables at all now ;_; the images on yours are soooooouper!
Thanks so much Steph. Hey Jodie, I have a question... I used that awesome second scrolly table for another board and it works just fine in the PREVIEW of the post, but when it's actually posted it doesn't work. I dunno if it has anything to do with that particular board, and I wish I could actually get someone ON THAT BOARD to help, but you know, I get fucking ignored just about everywhere. u_u SO. I was wondering if you could help me out and see if I added something into the code that doesn't... work when you actually post the table... Okay so the table looks TOTALLY different here, on the other board the code... was edited a great deal and I moved stuff around and I really don't get why this is happening wtf. Here's the error message I get when I preview the table on that forum: <table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'>Warning: Missing argument 2 for skin_post::preview(), called in /mnt/local/home/wws2admin/salvajewolves.net/forum/sources/lib/post_edit_post.php on line 444 and defined in /mnt/local/home/wws2admin/salvajewolves.net/forum/Skin/s1/skin_post.php on line 340</td></tr></table> Here's what this table loks like POSTED on that forum: http://img183.imageshack.us/img183/5196/soantabprejf8.pnghttp://img183.imageshack.us/img183/5196 ... prejf8.png</a> I don't understaannddd what's going on. Nobody will even comment on my damn thread there so... I come to you for help, you master of codes. xD [dohtml]<div style="display:table;margin:0 auto;width:471px;background: #fff url(http://img261.imageshack.us/img261/2227/soantabpn3.jpg) no-repeat top left;border:5px solid #FFF;background-color:#FFF;-moz-border-radius: 15px;border-radius: 5px;height:595px;"><div style="position:relative;top:150;left:57px;color:#ae51cf;width:410px;height:215px;overflow:auto;filter:alpha:(opacity=10);-moz-opacity:0.6;background-color:#FFFFFF;"> So here I am doing everything I can, holding on to what I am, pretending I'm a superman. I'm trying to keep the ground on my feet, it seems the world's falling down around me. The nights are all long, I'm singing this song to try and make the answers more than maybe. And I'm so confused about what to do; sometimes I want to throw it all away. So here I am, growing older all the time, looking older all the time, feeling younger in my mind. And here I am doing everything I can, holding on to what I am, pretending I'm a superman.<p> I'm trying to sleep, I lost count of the sheep, my mind is racing faster every minute. What could I do more? Yeah I'm really not sure. I know I'm running circles, but I can't quit. And I'm so confused about what to do, sometimes I want to throw it all away. Controlling everything in site, I'm feeling weak, I don't feel right, you're telling me I have to change, telling me to act my age, but if all that I can do is just sit and watch time go, then I'll have to say good-bye. Life's too short to watch it fly, to watch it fly.<p> So here I am, growing older all the time, looking older all the time, feeling younger in my mind. And here I am, doing everything I can, holding on to what I am, pretending I'm a superman.<p> lalalalala why the hell is it stretching past the scroll booxxxx...fffffff stuff here testing testing blah blah blah <p> blah blah sdfklasfasgkadgsdg </div></div><font size=1><div align=right>Base code by <a href=http://shadowlack.com/>Shriker!</a>, edited/code added/table picture by me. :3</div></font>[/dohtml] And here's the code... <table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>CODE </td></tr><tr><td id='CODE'>[dohtml]<div style="display:table;margin:0 auto;width:471px;background: #fff url(http://img261.imageshack.us/img261/2227/soantabpn3.jpg) no-repeat top left;border:5px solid #FFF;background-color:#FFF;-moz-border-radius: 15px;border-radius: 5px;height:595px;"><div style="position:relative;top:150;left:57px;color:#ae51cf;width:410px;height:215px;overflow:auto;filter:alpha:(opacity=10);-moz-opacity:0.6;background-color:#FFFFFF;"> Words and text here blah blah.. </div></div><font size=1><div align=right>Base code by <a href=http://shadowlack.com/>Shriker!</a>, edited/code added/table picture by me. :3</div></font>[/dohtml]</td></tr></table>
I'll take a look at the code later tonight, I've got a few errands to run this afternoon. However, rest assured, the error code you're getting when you preview isn't because of you. :) It has to do with the PHP code on their board.
I hope I can get it fixed with yer help, cause I spent a few hours coding that table only to have their board fuck it up. xD Damnit. That error seems to come up when editing any post there, though, I noticed that after editing other posts I had.
Okie, got a bit of time now. Just so that I know, where exactly do you want the inner text div to be positioned? Like how it is in the screenshot? Edit: This might be what you're looking for...? When you're using CSS, it's very important to specify measurements (unless you're specifying a zero value). In your code, the only error I could find was a missing "px" specification... which is probably what was making the code unhappy. <div style="display:table;margin:0 auto;width:471px;background: #fff url(http://img261.imageshack.us/img261/2227/soantabpn3.jpg) no-repeat top left;border:5px solid #FFF;-moz-border-radius:15px;border-radius: 5px;height:595px;"><div style="position:relative;top:150px;left:57px;color:#ae51cf;width:410px;height:215px;overflow:auto;filter:alpha:(opacity=10);-moz-opacity:0.6;background-color:#FFF;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis auctor viverra enim. Praesent blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus in nisi. Phasellus vel magna. Donec sit amet libero? Integer tempus; massa nec sodales blandit, pede mi semper sem, id consequat felis nibh nec enim. Sed tristique gravida ligula? Sed auctor. Donec vitae risus. Suspendisse porta egestas enim. Nam pellentesque lorem imperdiet nisi. In dapibus mi non est. Fusce sagittis quam porta metus! Maecenas dui. Pellentesque ac nisi nec nunc interdum vulputate. Cras rhoncus porttitor purus! Aenean arcu risus, vulputate quis, feugiat elementum, hendrerit eu, enim. Donec cursus. Vestibulum ipsum. Mauris augue turpis, hendrerit at, feugiat consequat, commodo sit amet, ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ante felis, accumsan in, adipiscing a, porttitor ut, quam. Praesent odio purus, faucibus et, convallis fermentum, dapibus ac, felis! Suspendisse ac erat a mauris dapibus ornare. </div></div><div style="text-align:right;font-size:xx-small">Base code by <a href=http://shadowlack.com/>Shriker!</a>, edited/code added/table picture by me. :3</div> <table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>CODE </td></tr><tr><td id='CODE'><div style="display:table;margin:0 auto;width:471px;background: #fff url(http://img261.imageshack.us/img261/2227/soantabpn3.jpg) no-repeat top left;border:5px solid #FFF;-moz-border-radius:15px;border-radius: 5px;height:595px;"><div style="position:relative;top:150px;left:57px;color:#ae51cf;width:410px;height:215px;overflow:auto;filter:alpha:(opacity=10);-moz-opacity:0.6;background-color:#FFF;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis auctor viverra enim. Praesent blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus in nisi. Phasellus vel magna. Donec sit amet libero? Integer tempus; massa nec sodales blandit, pede mi semper sem, id consequat felis nibh nec enim. Sed tristique gravida ligula? Sed auctor. Donec vitae risus. Suspendisse porta egestas enim. Nam pellentesque lorem imperdiet nisi. In dapibus mi non est. Fusce sagittis quam porta metus! Maecenas dui. Pellentesque ac nisi nec nunc interdum vulputate. Cras rhoncus porttitor purus! Aenean arcu risus, vulputate quis, feugiat elementum, hendrerit eu, enim. Donec cursus. Vestibulum ipsum. Mauris augue turpis, hendrerit at, feugiat consequat, commodo sit amet, ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ante felis, accumsan in, adipiscing a, porttitor ut, quam. Praesent odio purus, faucibus et, convallis fermentum, dapibus ac, felis! Suspendisse ac erat a mauris dapibus ornare. </div></div><div style="text-align:right;font-size:xx-small">Base code by <a href=http://shadowlack.com/>Shriker!</a>, edited/code added/table picture by me. :3</div></td></tr></table>
