PDA

View Full Version : adding jpgmag badge wonks things up


bdr
05-10-2007, 12:57 AM
okay then, i've got my pixelpost blog running just the way I want it (verson 1.6 btw), then I go and add a jpgmag submission badge to one of the pages. the badge uses a little snippet of javascript to interact with the jpgmag.com site and serve the badge.

i went ahead and just pasted the code into the text/description box for the picture, but now the remainder of the page displays alongside the badge, instead of after it. You can see the problem here:

http://www.nonsilence.com/photo/index.php?showimage=64

any ideas on how I can fix this?

thanks a bunch!

jaywilliams
05-10-2007, 01:55 AM
Open up your stylesheet. (http://www.nonsilence.com/photo/templates/pixelpost-brian/pixelpost-brian.css)
And add the following code:

#photoboxexp{
float: right;
}

Enjoy!

I hope you get in JPG! :-D

bdr
05-10-2007, 02:42 AM
hmm. that didn't end up doing the trick, upon further inspection, i'm not using that class anywhere in the page.

perhaps I need to rebuild the page a little bit, with each of the sections (description, exif, etc) in seperate divs.

bdr
05-10-2007, 02:50 AM
oh, and thanks for the encouragement!

jaywilliams
05-10-2007, 03:17 AM
That class (actually, it's an ID) is for the actual code that the JPG Mag Javascript generates.

If you add that to your style sheet, and clear your browser cache, it should look exactly the screenshot below:
http://idisk.d3done.com/idisk/float_right.png

I used some nice little Firefox addons to test the code on your site.

Whoops, I figured out why my CSS isn't working... we need to force override JPG Mag's code.

Use THIS code:
#photoboxexp{
float: right !important;
}

bdr
05-10-2007, 03:31 AM
okay, i see where you're going with that. that's a great idea. however, i just did something that completely deleted that whole picture from the blog!

i'll test it in a minute when I've re-upped the picture.

bdr
05-10-2007, 03:42 AM
http://www.nonsilence.com/photo/index.php?showimage=68

that's the re-uploaded url. i have no idea what happened to the original post. i'm pretty sure I didn't delete it out of the list of images...oh well. anyway, your idea works perfectly. thanks a bunch!