• 12-04-2020, 16:49:43
    #1
    Merhaba arkadaşlar

    bu görüntüyü aşağıdaki gibi yapmak istiyorum nasıl yaparım?

    <section class="contact">
    <div class="container">
    <div class="row">
    <div class="col-lg-6" data-aos="zoom-in">
    <div class="screen-reader-response"></div>
    <form name="iletisim" method="POST" action="gonder.php">
    <div style="display: none;">
    </div>
    
    
    <div style="float:left;width:70%;">
    Ad Soyad: <input type="text" name="ad_soyad" size="50"><br />
    
    Telefon: <input type="tel1" name="tel" size="50"><br />
    E-Mail: <input type="text" name="email" size="50"><br />
    Mesajiniz: <textarea rows="10" name="mesaj" cols="50"></textarea><br />
    
    <input type="submit"s name="button" value="Gonder">
    
    </div>
    <div style="clear:both;"></div>
    </div>
    <div style="float:right;width:30%;">
    <div class="col-lg-6" data-aos="zoom-in">
                                
                                <p></p>
    <i class="fas fa-map-marker-alt t-icon"></i>
                                    <address><h3>MERKEZ OFİS-ÜRETİM<h3> Hacı Muhittin Cad. No 47 / A 34810 Kanlıca, Beykoz/İstanbul</address>
    
    <i class="fas fa-envelope t-icon"></i>
    <a class="link" href="mailto:info@tado.com.tr">E-posta: info@tado.com.tr</a><br>
                                    
                                    <address><h3>ESTONYA OFİS<h3> Lasnamae 4B-27 11412 Talinn/Estonya </address>
    
    <i class="fas fa-envelope t-icon"></i>
    <a class="link" href="mailto:info@tado.com.tr">E-posta: info@tado.com.tr</a>
    <ul class="social-media mt30">
    <li><a href="https://www.facebook.com/profile.php?id=100027595538977" target="_blank"><i class="fab fa-facebook-f"></i></a></li><li><a href="https://twitter.com/NdaTado" target="_blank"><i class="fab fa-twitter"></i></a></li><li><a href="https://www.instagram.com/tadotadinda/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </li><li><a href="https://www.linkedin.com/in/tado-tad%C4%B1nda-dondurulmu%C5%9F-frozen-in-tasty-4b86b9170" target="_blank"><i class="fab fa-linkedin"></i></a></li> </ul>
                                
    </div>




    Lynit adlı üyeden alıntı: mesajı görüntüle
    html kısmını kopyalamışsın zaten css kısmınıda kopyala olsun bitsin çalıntı iş olmasa yardımcı olurdum.
    Merhaba çalıntı iş değil wordpressten html css çektik php çalışmadıgı için formu manuel birdaha yaptık
  • 12-04-2020, 16:54:45
    #2
    Merhaba, 11 ve 23. satırdaki tablo genişliklerini düzenleyip, alignlerını center yaparsanız düzelecektir. Kolay gelsin
  • 12-04-2020, 16:59:48
    #3
    denizcdursun adlı üyeden alıntı: mesajı görüntüle
    Merhaba, 11 ve 23. satırdaki tablo genişliklerini düzenleyip, alignlerını center yaparsanız düzelecektir. Kolay gelsin
    Tablo genişliklerini düzenledim alignlerinide center yaptım ancak hala istediğimiz tasarım oluşmadı
  • 12-04-2020, 17:04:37
    #4
    mertcandede adlı üyeden alıntı: mesajı görüntüle
    Tablo genişliklerini düzenledim alignlerinide center yaptım ancak hala istediğimiz tasarım oluşmadı
    İki divi de kapsayan bir div açın, onun genişliğini yüzdelik yerine piksel olarak yazın. Boyutları yüzdelik olarak yazıldığında böyle sorunlar benim de başıma geliyordu.
  • 12-04-2020, 17:12:11
    #5
    Üyeliği durduruldu
    mertcandede adlı üyeden alıntı: mesajı görüntüle
    Merhaba arkadaşlar

    bu görüntüyü aşağıdaki gibi yapmak istiyorum nasıl yaparım?

    <section class="contact">
    <div class="container">
    <div class="row">
    <div class="col-lg-6" data-aos="zoom-in">
    <div class="screen-reader-response"></div>
    <form name="iletisim" method="POST" action="gonder.php">
    <div style="display: none;">
    </div>
    
    
    <div style="float:left;width:70%;">
    Ad Soyad: <input type="text" name="ad_soyad" size="50"><br />
    
    Telefon: <input type="tel1" name="tel" size="50"><br />
    E-Mail: <input type="text" name="email" size="50"><br />
    Mesajiniz: <textarea rows="10" name="mesaj" cols="50"></textarea><br />
    
    <input type="submit"s name="button" value="Gonder">
    
    </div>
    <div style="clear:both;"></div>
    </div>
    <div style="float:right;width:30%;">
    <div class="col-lg-6" data-aos="zoom-in">
    
    <p></p>
    <i class="fas fa-map-marker-alt t-icon"></i>
    <address><h3>MERKEZ OFİS-ÜRETİM<h3> Hacı Muhittin Cad. No 47 / A 34810 Kanlıca, Beykoz/İstanbul</address>
    
    <i class="fas fa-envelope t-icon"></i>
    <a class="link" href="mailto:info@tado.com.tr">E-posta: info@tado.com.tr</a><br>
    
    <address><h3>ESTONYA OFİS<h3> Lasnamae 4B-27 11412 Talinn/Estonya </address>
    
    <i class="fas fa-envelope t-icon"></i>
    <a class="link" href="mailto:info@tado.com.tr">E-posta: info@tado.com.tr</a>
    <ul class="social-media mt30">
    <li><a href="https://www.facebook.com/profile.php?id=100027595538977" target="_blank"><i class="fab fa-facebook-f"></i></a></li><li><a href="https://twitter.com/NdaTado" target="_blank"><i class="fab fa-twitter"></i></a></li><li><a href="https://www.instagram.com/tadotadinda/" target="_blank"><i class="fab fa-instagram"></i></a></li>
    </li><li><a href="https://www.linkedin.com/in/tado-tad%C4%B1nda-dondurulmu%C5%9F-frozen-in-tasty-4b86b9170" target="_blank"><i class="fab fa-linkedin"></i></a></li> </ul>
    
    </div>





    Merhaba çalıntı iş değil wordpressten html css çektik php çalışmadıgı için formu manuel birdaha yaptık

    Tamam o zaman yardımcı olayım Gördüğüm kadarı ile bootstrap ile yapılmış sayfa şu şekilde düzenlersen olacaktır.

    <div class="col-lg-6">
    <div class="col-lg-6"><input type="text" name="ad_soyad" size="50" placeholder="Adınız Soyadınız"></div>
    <div class="col-lg-6"><input type="tel1" name="tel" size="50" placeholder="Telefon Numaranız"></div>
    <div class="col-lg-6"><input type="text" name="email" size="50" placeholder="E-Mail Adresiniz"></div>
    <div class="col-lg-12"><textarea rows="10" name="mesaj" cols="50" placeholder="Mesajınız"></textarea></div>
    </div>

    En son tüm divleri col-lg-12 kapsayıcısına alıp adres kısmınıda col-lg-6 olarak div içine alırsanız sayfayı düzgün bir şekilde bölmüş hemde bootstrap özelliklerini kullanmış olursunuz.
  • 12-04-2020, 17:22:59
    #6
    Lynit adlı üyeden alıntı: mesajı görüntüle
    Tamam o zaman yardımcı olayım Gördüğüm kadarı ile bootstrap ile yapılmış sayfa şu şekilde düzenlersen olacaktır.

    <div class="col-lg-6">
    <div class="col-lg-6"><input type="text" name="ad_soyad" size="50" placeholder="Adınız Soyadınız"></div>
    <div class="col-lg-6"><input type="tel1" name="tel" size="50" placeholder="Telefon Numaranız"></div>
    <div class="col-lg-6"><input type="text" name="email" size="50" placeholder="E-Mail Adresiniz"></div>
    <div class="col-lg-12"><textarea rows="10" name="mesaj" cols="50" placeholder="Mesajınız"></textarea></div>
    </div>

    En son tüm divleri col-lg-12 kapsayıcısına alıp adres kısmınıda col-lg-6 olarak div içine alırsanız sayfayı düzgün bir şekilde bölmüş hemde bootstrap özelliklerini kullanmış olursunuz.
    Tasarım düzeldi ancak alt alta oldu sayfayı 2ye bölüp sağlı sollu nasıl koyacağım
  • 12-04-2020, 17:24:11
    #7
    Üyeliği durduruldu
    col-lg-12 > container > row şeklinde bir div şeması oluştur col-lg-6 olarak böleceğin iki parçayıda div içine alırsın.
  • 12-04-2020, 17:28:08
    #8
    <div class="container">
    <div class="row">
    <div class="col-lg-6" data-aos="zoom-in">
    <div role="form" class="wpcf7" id="wpcf7-f5-o1" lang="tr-TR" dir="ltr">
    <div class="screen-reader-response"></div>
    <form action="/iletisim/#wpcf7-f5-o1" method="post" class="wpcf7-form" novalidate="novalidate">
    <div style="display: none;">
    <input type="hidden" name="_wpcf7" value="5">
    <input type="hidden" name="_wpcf7_version" value="5.1.4">
    <input type="hidden" name="_wpcf7_locale" value="tr_TR">
    <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f5-o1">
    <input type="hidden" name="_wpcf7_container_post" value="0">
    <input type="hidden" name="g-recaptcha-response" value="">
    </div>
    <input type="text" name="adiniz" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Adınız">
    <input type="text" name="soyadiniz" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Soyadınız">
    <input type="text" name="konu" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Konu">
    <textarea name="mesajiniz" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Mesajınız" style="overflow: hidden; overflow-wrap: break-word; resize: none; height: 246px;"></textarea>
    <input type="submit" value="Gönder" class="wpcf7-form-control wpcf7-submit hover01"><span class="ajax-loader"></span><div class="wpcf7-response-output wpcf7-display-none"></div></form></div> </div>
    <div class="col-lg-6" data-aos="zoom-in">
    
    <p></p>
    <i class="fas fa-map-marker-alt t-icon"></i>
    <address><h3>MERKEZ OFİS-ÜRETİM</h3><h3> Hacı Muhittin Cad. No 47 / A 34810 Kanlıca, Beykoz/İstanbul</h3></address>
    
    <i class="fas fa-envelope t-icon"></i>
    <a class="link" href="mailto:info@tado.com.tr">E-posta: info@tado.com.tr</a><br>
    
    <address><h3>ESTONYA OFİS</h3><h3> Lasnamae 4B-27 11412 Talinn/Estonya </h3></address>
    
    <i class="fas fa-envelope t-icon"></i>
    <a class="link" href="mailto:info@tado.com.tr">E-posta: info@tado.com.tr</a>
    <ul class="social-media mt30">
    <li><a href="https://www.facebook.com/profile.php?id=100027595538977" target="_blank"><i class="fab fa-facebook-f"></i></a></li><li><a href="https://twitter.com/NdaTado" target="_blank"><i class="fab fa-twitter"></i></a></li><li><a href="https://www.instagram.com/tadotadinda/" target="_blank"><i class="fab fa-instagram"></i></a></li>
    <li><a href="https://www.linkedin.com/in/tado-tad%C4%B1nda-dondurulmu%C5%9F-frozen-in-tasty-4b86b9170" target="_blank"><i class="fab fa-linkedin"></i></a></li> </ul>
    
    </div>
    
    
    
    
    
    </div>
    </div>
    container kısımını sil bunu yapıştır gerekli yerleri düzeltirsen sorun kalmayacak ortada.
  • 12-04-2020, 17:55:38
    #9
    Herkese teşekkürler sorun çözüldü