You are viewing limited content. For full access, please sign in.

Question

Question

Extra space between fields when css used to have a side-by-side layout

asked on May 12, 2015

I am trying to figure out how to make some adjustments to some field layouts.

 

Namely I have a series of Single Line fields, I am able to hide the label on them, but I am left with extra small input boxes with empty space to the right of the input box.  Anyway to clean that up and have the fields closer together?

Below is the CSS for the side-by-side arrangement (for each of the single line fields), and the css to hide the label (repeated for each of the labels being hidded)

.pcChangeType, .pcMap, .pcTaxLot, .pcAccount, .pcLotTract, .pcTCA, .pcAcres, .pcNewTCA, .pcNewAcres, .pcLeins, .pcRemarks 
{
	display:inline-block; 
	vertical-align:top;
}
#q53 label.cf-label {display:none;}
#q54 label.cf-label {display:none;}
#q55 label.cf-label {display:none;}
#q56 label.cf-label {display:none;}
#q64 label.cf-label {display:none;}

(see the attached image for the example of how the spacing looks)

extra space example.PNG
0 0

Answer

SELECTED ANSWER
replied on May 12, 2015

Have you tried specifying a size to your inline-block css line?

 

.pcChangeType, .pcMap, .pcTaxLot, .pcAccount, .pcLotTract, .pcTCA, .pcAcres, .pcNewTCA, .pcNewAcres, .pcLeins, .pcRemarks
{
display:inline-block;
vertical-align:top;
width: xxxpx;

 

2 0
replied on May 13, 2015

The width style seems to be the correct answer!  Thanks!

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.