Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Cara menampilkan logo pada navbar
bagaimana ya, saya ingin mnampilkan logo perusahaan pada navbar saya tapi tidak keluar ? ada kodingan di IMG Three-PilarArchery-Logo.png tapi tidak mau keluar gambarnya pada navbar apa saya juga harus menambah di css atau saya salah naro file gambar ? file gambar sudah saya taroh d folder image sama di folder yang isinya index.html
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<!-- <a class="navbar-brand" href="#">Navbar</a> -->
<li><img class="image" border="0" src="image/Three-Pilar-Archry-Logo.png" width="42px" style="margin: 1px;padding: 0px color:white;">Three Pilar Archery</li>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
Tanggapan
mungkin penulisan nama gambar/folder/ekstensi file yg salah
3 Jawaban:
cek struktur filenya sudah sesuai atau belum.. <pre> //jika file gambar berada dalam 1 directory yang sama dengan halaman index.html seperti ini src="image/Three-Pilar-Archry-Logo.png"
//jika beda directory tambahkan ../ src="../image/Three-Pilar-Archry-Logo.png" </pre>
Tanggapan
C:\Users\Zen\Documents\Web\Three Pilar Archery WEB\image
Seperti itu ?
kalau file index.html dengan gambarnya 1 folder yang sama itu sudah benar yang kamu buat, mungkin ada kesalahan lain, kalau beda folder coba seperti contoh itu
an alt atribut must be present on <img> element. errornya sih gitu
penempatan filenya sih sudah bnar
kalo pake bootstrap coba tambahkan,
<pre> <a class="navbar-brand" href="#"> <img src="image/Three-Pilar-Archry-Logo.png"/> //width nya atur sendiri </a> </pre>
Tanggapan
masih tetep ngga bisa
mas nya pakai template atau coding sendiri ?
template dari dreamweaver yang pas create new itu
coba pastikan dulu struktur file pada directory website antum.. atau lebih baik pastikan saja dengan masukkan alamat url image itu benar dengan memasukkan kedalam url browser, seperti ini: <img src='https://i.ibb.co/C9xCjwb/Capture2.png'>
