braaad
Member
What's the best way to make this live form: http://tinyurl.com/8x2rju8 look like this mock-up I made here: http://i.imgur.com/491B8.jpg
Basically, two columns! I tried using the CSS Ready Classes but that was a mess. Would this be a good instance to use fieldsets? I gotta say, I'm pretty good at HTML and CSS but the thread on how to implement fieldsets was a little intimidating, heh.
Any pointers to get me going in the right direction would be very much appreciated!
Thanks,
Brad
The CSS Ready Classes are the way to go. Alternate left and right, so item one is left, item two is right, item three is left, and so on. Do that within each section. Once that is done, please post the URL and we'll take a look at it and see if you need further CSS help (due to the complexity of your form.) Thanks
Please do. We're happy to help.
braaad
Member
Ok. I have two forms. This one is without the CSS Ready Classes: http://tinyurl.com/8x2rju8. This one is with the CSS Ready Classes: http://tinyurl.com/curc42q.
The first form is not a 2-column layout, but the images float left of the descriptions, which is ultimately what I want. I did this by putting adding some inline CSS in the HTML block's properties, like this: http://screencast.com/t/rVwrDPht
The second form is 2-column, but my little image div hack isn't working. I'm hoping you can please point me in the right direction to get the images to properly float left of the descriptions.
Any ideas? Thanks!
I wish I could just make my "gf_left_half" & "gf_right_half" classes work like you have, Braad.
I can't even see it working in the preview so I'm not able to publish the form to provide a URL... But here's a couple of screen shots.
http://grandorganics.org/images/uploads_00/admin.png
http://grandorganics.org/images/uploads_00/preview.png
Problem is that the preview can't render the 2nd row of left-right formatted fields.
I've checked and rechecked my CSS Class Names and they appear to be right, properly staggered.
Will provide admin access if you want to have a look.
Thanks, -df
Please embed that form in a temporary page on your site and post a URL for that page so we can take a look at it. We won't be able to help much without seeing it on your site.
