Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Footer menutupi copy right
gimana cara nya agar footer ketika ukuran screen kecil, tulisan tidak tumpang tindih.
script nya
<footer>
<div class="container-fluid" style="background-image: url('<?php echo get_template_directory(dirname(__FILE__), 'assets/');?>img/footer-bg.png');" id="cfoot">
<div id="footer-link" style="overflow:hidden">
<div class="rowt box">
<div class="col-md-4 col-sm-4 hidden-xs">
<h4 class="footer-title">Situs Terkait</h4>
<ul class="list-unstyled">
<?php foreach(get_siter() as $key=> $value): ?>
<li style="margin-top: 0px;margin-bottom: 15px;"><a href="<?php echo $value->category_slug ?>" target='_blank'><?php echo $value->category_name ?></a></li>
<?php endforeach; ?>
</ul>
</div>
<div class="col-md-5 col-sm-4" id="ctitle">
<h4 class="footer-title">Kontak Kami</h4>
<ul class="list-unstyled social-media" style="margin-top: 0px;">
<li>
<ul class="list-unstyled social-media" id="contact-footer" style="margin-top: 30px;">
<li style="margin-top: 0px;margin-bottom: 0px;">
<p><?php echo e_('alamat') ?><br>
Telp. <?php echo e_('telp') ?><br />
Fax. <?php echo e_('fax') ?>
</p>
<p>
<?php echo e_('email') ?>
</p>
</li>
</ul>
</li>
</ul>
<div class="col-md-4 col-sm-4 hidden-xs" style="margin-left: -15px;">
<h4 class="footer-title">Navigation</h4>
<ul class="list-unstyled">
<li><a href="<?php echo base_url() ?>faq">FAQ</a></li>
<li><a href="<?php echo base_url() ?>sitemap">Sitemap</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-4 hidden-xs" style="margin-top: 0px;">
<h4 class="footer-title">Statistik Pengunjung</h4>
<ul class="list-unstyled" style="margin-top: 30px;">
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-user"></span>Online <?php echo get_statistik('online')[0]->jumlah ?></li>
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-bar-chart"></span>Today <?php echo get_statistik('today')[0]->jumlah ?></li>
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-share-square-o"></span>Yesterday <?php echo get_statistik('yesterday')[0]->jumlah ?></li>
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-calendar-check-o"></span>Month <?php echo get_statistik('month')[0]->jumlah ?></li>
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-calendar"></span>Year <?php echo get_statistik('yesterday')[0]->jumlah ?></li>
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-users"></span>Total <?php echo get_statistik()[0]->jumlah ?></li>
</ul>
</div>
</div>
</div>
<div id="copyright" style="margin-top: -100px;">
<div class="row">
<div class="col-sm-12">
<p><?php echo e_('copyright') ?></p>
</div>
</div>
</div>
</div>
</footer>
2 Jawaban:
ane bikin footer dengan kode seperti dibawah ini aman aja kalau display mobile
<pre> <footer> <div class="container"> <div id="copyright" class="pull-left"> © 2018 - Vision Studio </div> <div class="pull-right"> <div class="go-top"> <a href="#home" class="page-scroll"> <span class="glyphicon glyphicon-chevron-up"></span> </a> </div> </div> </div> </footer> </pre>
di col-sm-4 col-md-4 nya kasih style display: flex; flex-direction: column; flex: 0 0 auto;