FITTING ELEMENTS INTO THE LAYOUT ON CENTER COLUMN

[Debby Bruck]

Hello Ning Creators

I have always had my list of images on the Right Hand Column set at '173' pixels and everything fit perfectly fine with a long list of pictures.

However, I wanted to try a new design inserting these same pictures across in a row of three images per line.

As shown in the illustration below I have been unable to get the images to fit across the line, even if I made the width '150' pixels each image and put a Line Break or a Paragraph Break code at the end of three images or no break at all.

Maybe someone can explain what is happening and what to do?

Here is a sample of the html. Let me know if you need more.

I have also tried.

<p><a target="_self" href="http://api.ning.com:80/files/hXN7sT8-E98jJFcaDeABsuI3rE-QBjBT-hHzUFiEZEhLnKnVbHc41eiNgrtGmTZ7fowmeuT9zjsz61Pg75a2WQp65RYDuu5O/AlanPhillipsMainPage.jpg?width=150"><img class="align-left" src="http://api.ning.com:80/files/hXN7sT8-E98jJFcaDeABsuI3rE-QBjBT-hHzUFiEZEhLnKnVbHc41eiNgrtGmTZ7fowmeuT9zjsz61Pg75a2WQp65RYDuu5O/AlanPhillipsMainPage.jpg?width=150" width="150" /></a>

I have also tried.

<p><a target="_self" href="http://api.ning.com:80/files/hXN7sT8-E98jJFcaDeABsuI3rE-QBjBT-hHzUFiEZEhLnKnVbHc41eiNgrtGmTZ7fowmeuT9zjsz61Pg75a2WQp65RYDuu5O/AlanPhillipsMainPage.jpg?width=150"><img class="align-left" src="http://api.ning.com:80/files/hXN7sT8-E98jJFcaDeABsuI3rE-QBjBT-hHzUFiEZEhLnKnVbHc41eiNgrtGmTZ7fowmeuT9zjsz61Pg75a2WQp65RYDuu5O/AlanPhillipsMainPage.jpg?width=150"/></a>

[Ron]

Hi Debby,

I think this is related to the thread I replied to here re: 3 column images. It's the same solution, just different dimensions.

Try this piece of code that I have attached there, just replace the sizes and sources with the image urls of your files. 

Hope that helps!

[Debby Bruck]

Dear Ron ~ That was very generous of you. I went to the linked conversation and read through the instructions. At this time, I ended up going back to the single column view on the right hand column, but will keep this in mind for future dilemma's. I now know who to call. [ghost busters!] Blessings, Debby

[Ron]

Hey Debby,

No problem. Try the new one attached. This is your updated code, just replace the image sources and let me know if this works.

I removed the class="align-left" tag and replace it with style="padding:3px;margin:0"

cheers.

[Debby Bruck]

Here is the result:

Maybe I need to change that CSS Coding somewhere?

Also, how would I change the images and links.

Is this just a template that can be adjusted?

It will come in handy

[Ron]

Hi Debby,

Did you place this on your center hero box? Yes, it can be adjusted and you can change the image and links via the HTML view or if you can see the code, the url's are readable if you examine it carefully.

[Debby Bruck]

What is a hero box? I entered it into the center column. Okay. I need to take a break from all this work. I've been glued to the computer for way too long. <meow>

[Ron]

yes, Debby. it's the center column text box... <meow>