Coding Help Post 01

[blue_rampion]

Hello everyone! Thanks to everyone who's posted already, and helped get this community off the ground. Also, I'd like to introduce my new co-admin advancing, who will be helping me make sure that everything is running smoothly!

Now, since coding can be tricky and there are a lot of people still learning the ropes of how to code pages on DW, we're introducing a monthly Coding Help Post, of which this is the first! These posts will go up on the first of every month, and here you can:

• Ask for help with some code that you're working on
  
• Ask if anyone might be willing to code something for you (only one request per person, please)
  
• Ask if how a code could be modified to work on DW
  
• Ask any other questions you might have about coding on DW

We also have a list of Guides to Coding on Dreamwidth for your reference.

If you're willing to help with coding at all, keep an eye out on the comments to this post and help out where you can. And on that note, you may now all ask your questions!

Some news: bgcolor now appears to work in tables on profile codes - I haven't tested it in any posts yet and as far as I know Dreamwidth hasn't said anything officially about it, but it looks like they're allowing this bit of code to work.

Comments

[at_the_end_of_the_world]

... text alignment formatting doesn't stack in profiles, does it.

Most specifically, I wanted something centered, but also 'justified' in the center to make the lines on both sides nice and even.

I can get it in an entry, but can't get it on a profile. Many psyduck emotes ensue.

[advancing]

I... believe it does, actually. Since my profile is centered itself.

I just do normal <*center*> instead of doing the <*p align=center*> thing, so perhaps that might be what's throwing you off?

[at_the_end_of_the_world]

Well, it seems to go opposite for me. I can get it to center (via that code, even), but I can't get it to justify... and when I do put it in to justify... it negates the center positioning. So I have to delete the justify and it'll work. (and if I delete the center positioning, the justify still works)

... Does everything have to be re-justified if they're in table cells?

[advancing]

Firstly, I apologize for how long it's taken me to reply to you.

Secondly, what I normally do is do the centering outside of the table if I know I want to justify something on the page, which you can see here in the text area.

[at_the_end_of_the_world]

No that's alright! It's nothing that's really in a rush. Thank you for your time and help, in fact.

It's been so helpful, in fact, I think I've gotten it. For now, which was my biggest table-flipping issue as of yet. Looking over that code (and a few others) is really helping to teach me how to uh... organize and put things together. Because lord knows I'm awful at this HTML thing.

[tropicsbear]

If I want to center an image in an entry, will <*img style="align:center;"*> work?

(Boo, raw-code HTML tag didn't work.)

[excussus]

Not sure if this post is still being used, but I'm not sure where else to look. I'm trying to make a cr chart over here, and ran into a few obvious snags. The top left one functions fine, but when I started playing around with moving the text box (top right) and with making the circle clickable to reveal the text (bottom right), it got all messed up. I tried playing with margins, but it didn't do anything. Any help would be super appreciated!

Here's the code:

<raw-text><table width="1000"><tr><td><div style="width: 300px; height: 300px; background: #7e8000 url(http://cdn.screenrant.com/wp-content/uploads/amazing-spider-man-2-andrew-garfield.jpg) center top; background-repeat: no-repeat; border-radius: 300px; padding: 10px;"><div style="width: 300px; height: 300px;border-radius:300px;border:10px dashed #007e80; padding: 20px;margin: -30px 0 0 -30px;"></div></div><div style="font-family: courier;letter-spacing:-3px;; font-size: 10pt; color: #662803; position: relative; margin-top: -70px; margin-left: 200px;"><b><div style="background: #C9C9C9; border-radius: 10px; height: 100px; padding: 10px; width: 250px; border: 1px solid #7A6761; opacity: .75;">You want to believe that there's one relationship in life that's beyond betrayal. A relationship that's beyond that kind of hurt. And there isn't.</div></b></div></td> <td style="width:1%"></td> <td><table width="1000"><tr><td><div style="width: 300px; height: 300px; background: #7e8000 url(http://cdn.screenrant.com/wp-content/uploads/amazing-spider-man-2-andrew-garfield.jpg) center top; background-repeat: no-repeat; border-radius: 300px; padding: 10px;"><div style="width: 300px; height: 300px; border-radius:300px;border:10px dashed #007e80; padding: 20px; position: relative; margin: -30px 0 0 -30px;"></div></div><div style="font-family: courier;letter-spacing:-3px;; font-size: 10pt; color: #662803; position: relative;margin: -130px 0 0 30px"><b><div style="background: #C9C9C9; border-radius: 10px; height: 50px; padding: 10px; width: 250px; border: 1px solid #7A6761; opacity: .75;">You want to believe that there's one relationship in life that's beyond betrayal. A relationship that's beyond that kind of hurt. And there isn't.</div></b></div></td></tr> <tr><td><div style="width: 350px; height: 350px; overflow: hidden;"><a name="first"></a><a href="#second" style="text-decoration:none;"><div style="width: 300px; height: 300px; background: #7e8000 url(https://38.media.tumblr.com/6d3845ca581d4b8ff2305743f2ca0ef5/tumblr_na2dj1LGjB1sc0ffqo2_500.gif) center; background-repeat: no-repeat; border-radius: 300px; padding: 10px;"><div style="width: 300px; height: 300px;border-radius: 300px;border: 10px dashed #007e80; padding: 20px; margin: -30px 0 0 -30px;"></div></div> <a name="second"></a><a href="#first" style="text-decoration: none;"><div style="width: 300px; height: 300px; background: #7e8000 url(https://38.media.tumblr.com/6d3845ca581d4b8ff2305743f2ca0ef5/tumblr_na2dj1LGjB1sc0ffqo2_500.gif) center; background-repeat: no-repeat; border-radius: 300px; padding: 10px;opacity: .4;"><div style="width: 300px; height: 250px;border-radius:300px;border:10px dashed #007e80; padding: 20px;margin: -30px 0 0 -30px;"></div></div><div style="width: 300px;font-family: courier;letter-spacing:-3px;; font-size: 12pt; color: #662803; position: relative; margin-top: -200px; margin-left: 30px;opacity: 0.8;align: float">It’s easy to feel hopeful on a beautiful day like today, but there will be dark days ahead of us too.</div></div></td> </tr></table>

[blue_rampion]

I'm not sure if anyone else does use this post, I'm afraid! I'm probably the one one that still gets alerts, having made the post myself. I can try and take a look, although not until later and I can't promise I'll know how to help!

However, you are welcome to create a new post asking for coding help if you like. This comm never really took off much in the aspect of getting help with coding, but it's nonetheless still welcome here.

[excussus]

Oh cool! Thanks, I didn't realize that that was intended as part of the comm. I'll go throw up a post, and see if anyone else can spot my error. :D

[blue_rampion]

Yeah, that was the purpose of doing posts like this one! But it never really got much traction, so it kind of fell to the wayside. But who knows, maybe you'll start a trend for people asking for coding help more!