Re: Text not aligned with radio button

OK, I found a way to make the buttons and the text align.

I commented out a line from cake.generic.css:

input[type=radio] {
 float: left;
 width: auto;
 /* margin: 6px 0; */
 padding: 0;
 line-height: 26px;
}

This is not entirely satisfactory as the labels and buttons are bunched up (too close).

 

I cannot see how to space out the labels vertically without changing all labels, and that

would be a bad thing to do.

 

e.g. If I make a class for the radio:

  $attributes = array(
   'value' => '1y',
   'legend' => false,
   'class' => 'radioinp'
  );
  echo $this->Form->radio('sub_type', $options, $attributes);

Looking at the HTML there is no class for the label, so the CSS does not apply to it:

<input type="radio" name="data[Sub][sub_type]" id="SubSubType1m" value="1m" class="radioinp" />

<label for="SubSubType1m">1 month &pound6.00</label>

 

Is there a way of changing the CSS for "radio labels" and not all labels?

 

Thanks.

On Monday, 3 September 2012 20:12:20 UTC+1, Mohammad Naghavi wrote:

Daniel,

go for CSS.

regards,

Mohammad

--
You received this message because you are subscribed to the Google Groups "CakePHP" group.
To post to this group, send email to cake-php@googlegroups.com.
To unsubscribe from this group, send email to cake-php+unsubscribe@googlegroups.com.
Visit this group at http://groups.google.com/group/cake-php?hl=en-US.