Forums

I'm creating a form that is fairly long so what I'm trying to do is get some of the fields side by side to reduce the lenght. I added the width and the float, as per below, but it does not work.

I was hoping that the postalcode_container_div would move up next to the city_container_div but it did not. What am I missing please?

#city_container_div {
width:48%;
float:left;
border: 1px solid #FF0000;
}

#postalcode_container_div {
width:30%;
float:left;
border: 1px solid #FF0000;
}

Thanks in advance!!

Hi LikeStuff,

The latest version of CFv4 has options in the Other tab of some elements to 'Start a New multi-element row' and 'Add to a new Multi-element row'. This works provided that the labels and help text aren't too long. You may also need to switch these elements to Label Over.

You can also copy the 'active' part of the HTML from a couple of elements, paste it into a single Custom element to put the elements side by side.

Bob