JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Need Help with Centering Codes and Iframes

What do you do when you get a code from another site, and the image doesn't display centered in your text box? For example, I just installed a code for my PayPal account (not using Ning's donate app) into a right column text box, and the image isn't centered. I tried adjusting the code, but that didn't effect anything. Any suggestions on a method to center any code we might want to install?

Also, I wanted to use the tip found here that shows how to use an inline scrolling text box. I wanted to put a code in it for my new site seal, so members could add my seal to other sites, and it would be clickable. Well, on the portion of the code for the inline scroll box where it says, "Add your text here", I just added my code instead. Needless to say, it didn't work at all! I think my code was mixing in with the basic code.

I saw a friend who had this little scroll box with her badge code in it displayed on her page. I used Firebug, and it looks like she is using an iframe for this. Any suggestions on how to achieve this? Or can someone point me to the proper discussion?

Thanks a million...

0 members favorited this

Replies to This Discussion

Permalink Reply by JenSocial on July 26, 2010 at 4:31pm

On the centering, what you're doing is correct. Except I did notice in the specific DIV for the PayPal button/form, the DIV has a blank style. But, even if I add centering, it doesn't work. There's something about that div with paypal that a built-in theme CSS line is throwing off - - probably CSS for a form. In this case, all you can do is customize the code. This seemed to do it (margin left being the extra piece):
Be sure that you only replace the DIV for the button.

<div style="text-align:center!important;margin-left:18px;"><input type="hidden" value="_s-xclick" name="cmd"> <input type="hidden" value="S2RCNE28SBYAG" name="hosted_button_id"> <input border="0" align="center" type="image" alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif"><img height="1" border="0" align="center" width="1" src="https://www.paypal.com/en_US/i/scr/pixel.gif" alt=""></div>

Not sure on your question about your badge, without spending a lot of time.

Did you see the badge code I have at bottom of JenSocial? That might help.

Best,
Jen

Permalink Reply by Carny Town on July 26, 2010 at 8:03pm

I tested code above. Works perfectly on an old ning site.

Permalink Reply by Ann Marie on July 27, 2010 at 1:09pm

Thank you very much, Jen. Being able to center the PayPal button is good enough for now, and I'm grateful.

I will look at your badge code at the bottom of the page today. I often use Firebug to try and figure things out on my own, but sometimes I don't even understand that!

But I do enjoy visiting here very much. You've done a great job here, and it's much more pleasant and helpful than the Creators network lately. All anyone there does is complain lately...I miss it when it used to be more NCs helping NCs...instead of just a bitchfest (excuse my language, please!).

Have a good day Jen!

Ann Marie :)

RSS

Welcome to
JenSocial: Social Web Directory and Ning Tips

Sign In