Organization of tables in css

Asked

Viewed 64 times

2

*I have a problem in my code that I’ve been trying to solve for hours I’m going to leave an image to explain better, I want to leave it aligned with the other bars. inserir a descrição da imagem aqui

 <!-- ***** Contact Area End *****  -->
    <section class="contact_us_area section_padding_90_0" id="contact">
        <div class="container">
            <div class="row">
                <!-- Heading Text -->
                <div class="col-12">
                    <div class="section-heading text-center">
                        <i class="fa fa-envelope" aria-hidden="true"></i>
                        <h2>Get In Touch</h2>
                        <span>Contact</span>
                    </div>
                </div>
            </div>


            <div class="row align-items-center">
                <div class="col-12 col-md-9">
                    <!-- Contact Form -->
                    <div class="contact_from_area clearfix">
                        <div class="contact_form">
                            <form action="http://demo.designing-world.com/rexplus-preview/rexplus/mail.php" method="post" id="main_contact_form">
                                <div class="contact_input_area">
                                    <div id="success_fail_info"></div>
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="conatct_heading">
                                                <h2>Drop Line Here</h2>
                                            </div>
                                        </div>
                                        <!-- Form Group -->
                                        <div class="col-12 col-md-6">
                                            <div class="form-group">
                                               <li class="caixa_107px"><p><label>Nome </label></p>
                                                 <input type="" class="form-control" name="qtdpaginas" type="text" id="qtdpaginas" class="campo_100p" />
                                            </div>
                                        </div>
                                        <!-- Form Group -->
                                        <div class="col-12 col-md-6">
                                            <div class="form-group">
                                                <li class="caixa_107px"><p><label>Email</label></p>
                                                 <input type="" class="form-control" name="qtdpaginas" type="text" id="qtdpaginas" class="campo_100p" />
                                            </div>
                                        </div>
                                         <div class="col-12 col-md-6">
                                            <div class="form-group">
                                               <li class="caixa_107px"><p><label>Qauntidade de páginas</label></p>
                                                 <input type="" class="form-control" name="qtdpaginas" type="text" id="qtdpaginas" class="campo_100p" />
                                            </div>
                                        </div>
                                        <!-- Form Group -->
                                        <div class="col-12 col-md-6">
                                            <div class="form-group">
                                                <li class="caixa_107px"><p><label>Quantidade Tabelas</label></p>
                                                 <input type="" class="form-control" name="qtdpaginas" type="text" id="qtdpaginas" class="campo_100p" />
                                            </div>
                                        </div>




                                        <!-- Form Group -->
                                        <div class="col-12 col-md-6">
                                            <div class="form-group">
                                                 <li class="caixa_162px">
                            <p><label>Tipo do livro</label></p>
                            <select type="" class="form-control" name="genero" id="genero" class="campo_100p">
                    <option value=""></option>
                    <option value="Ficção">Fic&#231;&#227;o</option>
                    <option value="Não-Ficção">N&#227;o-Fic&#231;&#227;o</option>
                    <option value="Isca Digital">Isca Digital</option>
                    <option value="Catálogo Fotográfico">Cat&#225;logo Fotogr&#225;fico</option>
                    <option value="Livro Infantil">Livro Infantil</option>
                    <option value="Outro">Outro</option>


                     </select>

                            </div>
                            </div>
                                           <div class="col-12 col-md-6">
                                            <div class="form-group">
                                                <li class="caixa_107px"><p><label>Quantidade Tabelas</label></p>
                                                 <input type="" class="form-control" name="qtdpaginas" type="text" id="qtdpaginas" class="campo_100p" />
                                            </div>
                                        </div>

                                 <div class="col-12 col-md-6">
                                    <div class="form-group">
                                     <li class="caixa_162px">

                        <p><label>Sobre a capa</label></p>
                        <select  type="" class="form-control" name="capa" id="capa" class="campo_100p">
                             <option value=""></option>
                             <option value="Já possuo pronta">J&#225; possuo pronta</option>
                              <option value="Quero que criem">Quero que criem</option>

                               </select>
                                        </div> </div> 
<p> </select>
<label></label>
                                        <!-- Form Group -->
                                        <li class="caixa_100p">
                          <p><label>Qual formato você precisa?
                           </label>  <ul class="form-control" class="formulario_opcoes">

                              <li><input id="formato_incerto" type="checkbox" name="formato_incerto" /><label for="formato_incerto"><span>Não tenho certeza</span></label></li>
                              <li><input id="formato_epub" type="checkbox" name="formato_epub" /><label for="formato_epub"><span>ePUB/MOBI</span></label></li>
                              <li><input id="formato_pdf" type="checkbox" name="formato_pdf" /><label for="formato_pdf"><span>PDF</span></label></li>
                              <li><input id="formato_ibook" type="checkbox" name="formato_ibook" /><label for="formato_ibook"><span>iBook</span></label></li>
                              <li class="check-banco"><input id="formato_outro" type="checkbox" name="formato_outro" /><label for="formato_outro"><span>Outro</span></label></li>
                          </ul>
                        </li>
                         </select>

                                        <div class="col-12">
                                            <div class="form-group">
                                                <textarea name="message" class="form-control" id="message" cols="30" rows="8" placeholder="Procurando mais detalhes ? digite aqui" required></textarea>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                      </div>
                                            <button type="submit" class="fancy-btn">Enviar</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
  • 3

    Face the image helps, but without your HTML/CSS you can’t answer it! Please edit your question by putting whatever code you have

  • Your question is not clear to me, please edit it and explain better.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.