Ah, cara esse botão é muito fera!
http://jsfiddle.net/Jtec5/24/
Consegui usa-lo, porém o nome fica desalinhado.. o Nome “Amarelo” “Verde” que fica abaixo do botão..
O clear both impede que a div quebre a borda, aqui tá funcionando perfeitamente, veja os print:
http://i.imgur.com/rkx4CEx.jpg
http://i.imgur.com/e5BEPJD.jpg
Limpe o cache e o histórico do seu navegador que com certeza vai renderizar sem quebra.
DETALHE: Você mudou a estrutura das div daí fica complicado te ajudar, coloque a div texto-form dentro da div radiooption_content, se você deixar na estrutura que postei de exemplo (Resposta 8), fica perfeito e vou poder te ajudar mais, se você ficar renomeando as div e mudando-as de lugar aí complica e infelizmente não dá pra te ajudar porque a base da estrutura já está de uma forma diferente.
Veja esses prints de tela inteira como ficou na estrutura que postei de exemplo sa (Resposta 8):
http://i.imgur.com/8DBBKNc.png
http://i.imgur.com/NrwmssR.png
Obs.: Não precisa você criar divs como nomes diferente vide radiooption_content_box_a e radiooption_content_box_b, texto-form e texto-form-a, faça como está no modelo (Resposta 8) daí você pode atacar as duas divs ao mesmo tempo.
Use também o botão rádio nas duas divs pra padronizar. Na div das OPCIONAIS é só você fazer como indiquei na (Resposta 14).
Veja o botão que você mencionou com mútipla escolhas, bastou apenas alterar o name como indiquei na (Resposta 14).
Ficou bom.
Cara, porém, eu preciso que a área das cores seja um item obrigatório… Não há como coloca-lo?
Pois não tem como colocar um “*” nos botões de rádio. A princípio eles já são obrigatórios… Só que se não selecionar e enviar ele não impede.
O usuário não pode enviar o contato sem selecionar a cor / modelo desejado
Obs: já consertei..
Foi só colocar um como default “default:1”.
Att,