Jump to content
Fórum Script Brasil
  • 0

Botão em um form mudar a posição


Question

Olá pessoal,

Por favor, estou dificuldade de colocar um CSS de forma que o button "Excluir" fique do lado do button "Alterar";

A parte do código do form que trabalha os dois button é o seguinte:

 

<td>
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="load_modal
                            
                                                                               
                            ('<?php echo $value->nome_atividade;?>',
                            '<?php echo $value->nome_livro;?>', 
                            '<?php echo $value->nome_autor;?>', 
                            '<?php echo $value->nome_editora;?>', 
                            '<?php echo $value->quant_fl;?>', 
                            '<?php echo $value->fl_parei;?>', 
                            '<?php echo $value->data_inicio;?>', 
                            '<?php echo $value->data_termino;?>', 
                            '<?php echo $value->data_paralisacao;?>', 
                            '<?php echo $value->observacao;?>', 
							 <?php echo $value->id;?>);">Alterar</button>
                            
                            <form class="form_excluir" method="post" style="float: left; margin: 0 75px;">
                            	<input name="id_ui" type="hidden" value="<?php echo $value->id;?>"/>
                            <button name="excluir_ui" type="submit" onclick="fn_excluir();" class="btn btn-danger">Excluir</button>
                            </form> 
                        </td>

Por favor, observe parte do form como os botões "Alterar" e "Excluir" não se encontram um ao lado do outro.

image.thumb.png.3a0244620870d13a067d78c24acb4731.png

 

 

 

 

 

Edited by AlbertoRT
Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Olá! Não use float;
Se o sr. pretende que o os botões sempre fiquem lado a lado
defina no seu arquivo .css que a largura mínima da última th dessa tabela seja = larguras dos botões + espaçamentos

Link to post
Share on other sites
  • 0

Olá Wash,

Vou retirar, mas é assim que mostrou na aula.
Vou criar então style. A css é bootstrap.min.css que originalmente funciona muito bem em outra página.
Como informei os meus registros é que são maiores com isso os campos ficaram maiores também.
Vou ver e volto.

Obrigado.

 

 

Edited by AlbertoRT
Link to post
Share on other sites
  • 0

Boa noite Wash,

Retirei "float", mas não faz nenhum mudança.

Fiz o seguinte:

Criei mais uma <td>, ficando uma exclusiva para o botão "Alterar" e outra para o botão "Excluir", com isso terminou aquela renderização desproporcional.

Meu problema agora é com as linhas do form da Alteração.

Abrindo "modal" os campos estão ficam exigindo o preenchimento. Já retirei o "required " do form, mas não adianta.   

 

 

Edited by AlbertoRT
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      148847
    • Total Posts
      644845
×
×
  • Create New...