Aligning Images—Help!

[monroe jones]

Hi,

I'm trying to align images side by side in a text box to be used as linkable buttons. I've figured everything out except how to position the images side by side in rows of three. I've read every thread, and tried every suggestion. Nothing's working, and it's so frustrating. I get a different result every time I try to do this. I've tried removing the suggested HTML, and also inserted class="align-none", and every other trick. Once in a blue moon, I'd get three in a row, then save, and it wouldn't end up the way it looked in edit mode. Feel like I'm at the slots in Vegas. Nothing seems to work. Below is a screen shot of where I finally gave up. 

[Liz]

Our Support team would be happy to check this out. If you haven't submitted a help ticket yet, head to the Support page under your My Network tab to create it, and please let us know which text box you're trying to add these images to. An attachment with the image(s) would help, as well.

[Bernard Lama]

Please show me the actual code.. I will try to solve it..

[monroe jones]

Thanks man,

I'm not a coder. Do you mean the HTML language? If so, 

<p><a href="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png" target="_self"><img src="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/*Zfi155fTq7Y929euT6RHDQ14c559O2Il8JhyNi-dU3pVF4er7pAGt2J2lVpVpn*BoSUXUbWOMvLkSdO9Shod2cW4XgG3xCQ/PizzaClipboard.png" target="_self"><img src="http://api.ning.com:80/files/*Zfi155fTq7Y929euT6RHDQ14c559O2Il8JhyNi-dU3pVF4er7pAGt2J2lVpVpn*BoSUXUbWOMvLkSdO9Shod2cW4XgG3xCQ/PizzaClipboard.png?width=142" width="142" class="align-full" /></a><a href="http://api.ning.com:80/files/*4tKBBKl2Vhu55ev0Eu2bHrHlSCq-H9qQct4wyhFXTJUCuJeviX-UbcJCo5aLyihjiW9PEE0RImfS6Z6yzCYn3UT*6qTq5id/JOINClipboard.png" target="_self"><img src="http://api.ning.com:80/files/*4tKBBKl2Vhu55ev0Eu2bHrHlSCq-H9qQct4wyhFXTJUCuJeviX-UbcJCo5aLyihjiW9PEE0RImfS6Z6yzCYn3UT*6qTq5id/JOINClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/F4mOirQOxohPoGxsNfz*L-zkwx96u0kuDTOXNWoLVccHBhTF5rOlomaexjnT2y5moWke7RgXa34fZWJoVBDrkrqZnvIz2yv0/InviteyourFriendsClipboard.png" target="_self"><img src="http://api.ning.com:80/files/F4mOirQOxohPoGxsNfz*L-zkwx96u0kuDTOXNWoLVccHBhTF5rOlomaexjnT2y5moWke7RgXa34fZWJoVBDrkrqZnvIz2yv0/InviteyourFriendsClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/FiOeHTeI4VQkLnoy6RUEgWqJAG7kVRW9v8iXGcO86je2LJkuDhyNk1tzmldtUYxYpQmUK5MWZdu1X0io07bYCUOWtJ6WHWOA/FoodForThoughtClipboard.png" target="_self"><img src="http://api.ning.com:80/files/FiOeHTeI4VQkLnoy6RUEgWqJAG7kVRW9v8iXGcO86je2LJkuDhyNk1tzmldtUYxYpQmUK5MWZdu1X0io07bYCUOWtJ6WHWOA/FoodForThoughtClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/TgZCBff3oZEyVP3wf8Ly*txwh1cu8*Lrisk79-YJCsqLvWhHNo7PkAfrBq4d-*uO2cspVOFDpKc65TIQMyGG68rjJ1Mo0Vs7/GroupsClipboard.png" target="_self"><img src="http://api.ning.com:80/files/TgZCBff3oZEyVP3wf8Ly*txwh1cu8*Lrisk79-YJCsqLvWhHNo7PkAfrBq4d-*uO2cspVOFDpKc65TIQMyGG68rjJ1Mo0Vs7/GroupsClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/ncjhoUUyOxLa0vvysvDln9lpNi46Fu8cVHbQbD5-cGo2IBzClMnup*teZBBQlG91F9VHIVGssEJNThoX-3nbMWAiLElbqVTn/MysteryButtonClipboard.png" target="_self"><img src="http://api.ning.com:80/files/ncjhoUUyOxLa0vvysvDln9lpNi46Fu8cVHbQbD5-cGo2IBzClMnup*teZBBQlG91F9VHIVGssEJNThoX-3nbMWAiLElbqVTn/MysteryButtonClipboard.png?width=142" width="142" class="align-full" /></a></p>
<p><a href="http://api.ning.com:80/files/uZmnGPG73PeyVXVxe*5vhB8rRrceU-cHly5If-4O2n0iZSjkCtbppYrZg3rZuG5JcfBRkPbcr1bnOM4bD8sPa4*fE9*7Q0Ff/ManagersClipboard.png?width=141" target="_self"><img src="http://api.ning.com:80/files/uZmnGPG73PeyVXVxe*5vhB8rRrceU-cHly5If-4O2n0iZSjkCtbppYrZg3rZuG5JcfBRkPbcr1bnOM4bD8sPa4*fE9*7Q0Ff/ManagersClipboard.png?width=142" width="142" class="align-full" /></a></p>

[Bernard Lama]

Try this code

<p><a href="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png" target="_self"><img src="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png" target="_self"><img src="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png" target="_self"><img src="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png" target="_self"><img src="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png" target="_self"><img src="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png" target="_self"><img src="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png" target="_self"><img src="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png?width=142" width="142" class="align-left" /></a><a href="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png" target="_self"><img src="http://api.ning.com:80/files/4lHAEtod*VwjDG8CCM09jgz-pfeswpBzE0MzifL2eOkF*iSbzQ0KN7mrsF1evEh1izouJ8MJytMIkuEpqjC0e*z3kCIP2Lvw/LearnStuffClipboard.png?width=142" width="142" class="align-left" /></a></p>

[monroe jones]

Can't seem to get the third one to line up before I start row two. Please see the screen shot. Also, here's the code. I may be dong this wrong. Not a coder—sorry! Thanks for your help.

<p><a href="http://api.ning.com:80/files/vw0lN8yJE4ioGoNdojmrr-A4IB-WucueW4xFncIrlUd4C9E34WumHQ7wMx0llDM4eszYBRTwDfglg*iXpTbBHibinULhCw4d/LoungeClipboard.png" target="_self"><img src="http://api.ning.com:80/files/vw0lN8yJE4ioGoNdojmrr-A4IB-WucueW4xFncIrlUd4C9E34WumHQ7wMx0llDM4eszYBRTwDfglg*iXpTbBHibinULhCw4d/LoungeClipboard.png?width=142" width="142" class="align-left"  /></a><a href="http://api.ning.com:80/files/tnYWHJzw8EemzXjtZ3qSCdPbenGH5FKQvmGVn0JjV4*pwMnmU8UqBB-bt6-cYULjUAenQ9ahABxbC4gUPeXU20Wfc7dS3G5s/ManagersClipboard.png" target="_self"><img src="http://api.ning.com:80/files/tnYWHJzw8EemzXjtZ3qSCdPbenGH5FKQvmGVn0JjV4*pwMnmU8UqBB-bt6-cYULjUAenQ9ahABxbC4gUPeXU20Wfc7dS3G5s/ManagersClipboard.png" width="141" class="align-left"  /></a><a href="http://api.ning.com:80/files/Rx1N3hMk2jtA04KW7QMgbou5YkgckQTzZdCmoD1auT8iN3IsTyHE9pSvcGydUY3uyyUJDglMJLx*2WpU*IP97PdnLRTPwbd0/PizzaClipboard.png" target="_self"><img src="http://api.ning.com:80/files/Rx1N3hMk2jtA04KW7QMgbou5YkgckQTzZdCmoD1auT8iN3IsTyHE9pSvcGydUY3uyyUJDglMJLx*2WpU*IP97PdnLRTPwbd0/PizzaClipboard.png" width="142" class="align-left"  /></a></p>

[Bernard Lama]

I think your third image is bigger than space available on the right within text box. Make your images slightly smaller than those and try again...

[monroe jones]

Yeah, kind of crude looking. I'll give that a shot. Thanks.

[monroe jones]

It worked!! I'm So HAPPY! Dude—you're making dreams come true!

[Bernard Lama]

Glad..it helped you...