Second HTML block messes up after saving

Permalink
Hi there,

Im trying to duplicate a block currently on the site this works fine when im in editing mode.
(see image 1)

But when I save this all of this is messing up (image 2)

Any idea how to solve this?

2 Attachments

 
Pluto replied on at Permalink Reply
Pluto
will you please give me your website link. So that i can understand the problem. I think this is css problem. If you give me your site link then after i can say something.
ICTaanbieding replied on at Permalink Reply
Hi there, thanks for your reply.
The site is still in construction mode so you would need the password to check it out.

Would i solve this with custom css in this area?
Pluto replied on at Permalink Reply
Pluto
Hello. Yes you can.
Pluto replied on at Permalink Reply
Pluto
Another thing might work. After the 4 columns in first row. Whre the row ends you can enter a
<div style="clear:both;"></div>
Pluto replied on at Permalink Reply
Pluto
Hopes this will work for you
ICTaanbieding replied on at Permalink Reply 1 Attachment
Hi,

Thanks again! this was helping a bit, it is showing better now only the 4th column now falls down (see image)

It is an exact copy of the block above.
Pluto replied on at Permalink Reply
Pluto
If all the four blocks are of same width?
Try this
<div class="container">
<div class="row">
<div class="columns">
/*Insert image and text here*/
</div>
<div class="columns">
/*Insert image and text here*/
</div>
<div class="columns">
/*Insert image and text here*/
</div>
<div class="columns">
/*Insert image and text here*/
</div>
<div class="row">
<div class="columns">
/*Insert image and text here*/
</div>
<div class="columns">
/*Insert image and text here*/
</div>
<div class="columns">
/*Insert image and text here*/
</div>
</div>

The css for these
.container{width:100%}
.row{width:100%;clear:both;}
.columns{width:25%;padding:2%;}
ICTaanbieding replied on at Permalink Reply 1 Attachment
seems to work only would like more space between every column.
I think I didnt set the css the way it should be?

see image again
ICTaanbieding replied on at Permalink Reply 1 Attachment
block css see image
Pluto replied on at Permalink Best Answer Reply
Pluto
but the column width should be 25% so that it equally devide the row in four section. Will you please give me the html of your site. I will help you.
ICTaanbieding replied on at Permalink Reply
you can add me on skype perhaps? Thaks a lot!
info@ictaanbieiding.nl <-- skype

I can go to IRC aswell.
Pluto replied on at Permalink Reply
Pluto
please private message me. because i don't have official skype.