Footer DIV'leri Yan Yana Yerleştirmek - R10.net
  • 02-04-2017, 01:22:10
    #1
    Merhabalar öncelikle.

    Footer kısımda, sayfaları 5'er tane alt alta ve 3 bölme olacak şekilde ayarlamak istiyorum. Toplam 15 sayfa olacak. Ancak bir türlü başaramadım.En sona ise resim koyacağım. Aşağıda ki kodları nasıl düzenlemeliyim.


    .footerTop { width: 100%; float: left; background: #114B5F; padding: 60px 0px; margin-top: 30px; }
    
    .footerTop #divNewsLetter { width: 1170px; margin: 0 auto; text-align: center; }
    
    .footerTop #divNewsLetter label { font-family: "Roboto Condensed", sans-serif; font-size: 24px; display: block; margin-bottom: 20px; color: #fff; }
    
    .footerTop #divNewsLetter #UpdatePanel1 { width: 60%; margin: 0 auto; }
    
    .footerTop #divNewsLetter #UpdatePanel1 input { background-color: #fff;  width: 80%; float: left; border: 0; color: #000; font-family: "Roboto Condensed", sans-serif; font-size: 16px; }
    
    .footerTop #divNewsLetter #UpdatePanel1 a { width: 20%; float: right; background-color: #03a0b4; color: #fff; border: 0; font-family: "Roboto Condensed", sans-serif; font-size: 16px; }
    
    .footerTop #divNewsLetter #UpdatePanel1 a:hover { background-color: #c50425; }
    
    .footerCenter { width: 1170px; margin: 0 auto; padding: 60px 0 30px 0; clear: both; }
    
    .footerCenter > .row > div { min-height: 250px; }
    
    .footerCenter .footer-block .footer-tittle { font-size: 18px; text-transform: uppercase; display: inline-block; background-color: #fff; padding-right: 30px; margin: 0 0 20px 0; font-family: "Roboto Condensed", sans-serif; font-weight: normal; }
    
    .footerCenter .footer-block .footer-menu ul li { line-height: 34px; color: #000; }
    
    .footerCenter .footer-block .footer-menu ul li a { color: #000; }
    
    .footerCenter .footer-block .footer-menu ul li a:hover { color: #03a0b4; }
    
    .footerCenter .footer-block .footer-menu ul li em { width: 42px; height: 42px; border-radius: 100%; background: #03a0b4; line-height: 42px; text-align: center; float: left; color: #fff; font-size: 20px; margin-right: 10px; }
    
    .footerCenter .footer-block .footer-menu ul li p { margin: 0; line-height: 22px; }
    
    .footerCenter .footer-block .footer-menu ul.social-icons { margin-bottom: 20px; }
    
    .footerCenter .footer-block .footer-menu ul.social-icons li { float: left; margin-right: 15px; margin-top: 5px; position: relative; }
    
    .footerCenter .footer-block .footer-menu ul.social-icons li a { position: relative; display: block; height: 40px; line-height: 40px; width: 40px; text-align: center; color: #444; font-size: 16px; padding: 0; border-radius: 100%; background-color: #f5f5f5; -moz-transition: background 0.3s ease-in-out 0s; -webkit-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; }
    
    .footerCenter .footer-block .footer-menu ul.social-icons li a i { line-height: 40px; }
  • 04-04-2017, 22:38:44
    #2
    sanırım istediğiniz şey asp ile ilgili değil css sorunu. konuyu genel webmaster sorunlular bölümüne yada css bölümüne açarsanız cevap alabilirsiniz .burada çok zor
  • 05-04-2017, 15:39:53
    #3
    Zaten CSS ve HTML kodları bir arada verilmelidir. Bu şekilde kod yarım kalıyor, hangi sınıf-id'nin ne için kullanıldığını anlamak zorlaşıyor...
R10.net sizlere daha iyi hizmet sunmak için çerezleri kullanıyor.R10.net'i kullanarak çerezleri kullanmamızı kabul etmiş olacaksınız.
Detaylı bilgi almak için Gizlilik ve Çerez Politikası metnimizi inceleyebilirsiniz.