Credit Card Expiry: Month & Year on different lines

  • Through my checkout on https://www.b-linda.net ( https://i47.tinypic.com/71h8ps.png ) you can see the expiration month and year are on separate lines which makes it look kind of confusing.
    I cannot figure out how to solve this.

    The Code is:

    if(in_array('wpsc_merchant_authorize',(array)get_option('custom_gateway_options'))) {
	$gateway_checkout_form_fields[$nzshpcrt_gateways[$num]['internalname']] = "
	<tr>
		<td>Credit Card Number *</td>
		<td>
			<input type='text' value='' name='card_number' />
		</td>
	</tr>
	<tr>
		<td>Credit Card Expiry *</td>
		<td><input type='text' size='2' value='' maxlength='2' name='expiry[month]' />/<input type='text' size='2'  maxlength='2' value='' name='expiry[year]' /></td>
	</tr>
	<tr>
		<td>CVV </td>
		<td><input type='text' size='4' value='' maxlength='4' name='card_code' /></td>
	</tr>
";
  }

    Can someone please help?

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

  • The width of the enclosing table element is set to 550px here:

    wpsc_checkout_table.table {
    border: medium none;
    margin: 0 auto;
    width: 550px;
}

    And then those input fields are set to 250px here:

    .wpsc_checkout_table.table td input {
    width: 250px;
}

    So simple math 250 + 250 > 550 — hence, the second one moves down to the next line.

    Thread Starter tylergfx

    (@tylergfx)

    Thank you very much for pointing me there! I just made the wpsc_checkout_table.table width larger.

    Thanks again

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Credit Card Expiry: Month & Year on different lines’ is closed to new replies.