I’m frustrated

Can't align the buttons under each photo

Hi guys, please help. My buttons automatically stack down at the bottom of the page , NOT under each & every photo. I tried few CSS codes but it doesnt seem to get the right code. Any help is appreciated. Thank you.
This is how it looks like now:
http://passionyourlife.com/uncategori...#
1 person has
this problem
+1
Reply
  • Hi Dragos,

    Thanks for your post. I took a look at the site and can see why Fotomoto is doing this: the reason is that Fotomoto needs each image to be contained within an HTML DIV or P tag, where your gallery has a row of images within a single P tag. You can see this in the attached screenshot of your code.

    Fotomoto may not work correctly with your layout, but if you're handy with HTML and CSS you could fix it by putting each image in its own DIV, and use CSS to float the DIVs to the left so they wrap. There should be lots of tutorials on the web on how to do a "responsive" or "fluid" gallery layout like this if needed.

    Also, just a tip here - it will probably help you down the road to not have any spaces or uppercase letters in your IMG filenames - it's a web standards thing and while this might not cause any issues with Fotomoto it could be an issue elsewhere.

    I hope that helps and kind regards,
    Derek
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited

  • I’m thankful
    Thank you very much Derek for your fast and thorough reply. I totally understand, i have basic knowledge of css and html i will try to work it out myself.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited