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 [email protected].
To unsubscribe from this group, send email to 
[email protected].
Visit this group at http://groups.google.com/group/cake-php?hl=en-US.


Reply via email to