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%!
agar gambar persis di tengah di ukuran layar 90%;
misi gan,di sini saya ingin memasang 3gambar,dengan lebar masing2 30% dari ukuran browser yg saya buat jadi 90%, tapi kenapa gambarnya tidak pesis di tengah ya..? ini css nya:
.skill2(lebar browser){
width:90%;
margin:0 auto;
}
.skill2 img(css gambarnya){width:30%;height:300px;display:inline-block;margin:0 auto;float:left;}
.clear{clear:both;}
14 Jawaban:
Coba seperti ini gan..
<div class="container">
<div style="width:30%, float:left;">
<img src="" alt="" />
</div>
<div style="width:30%, float:left;">
<img src="" alt="" />
</div>
<div style="width:30%, float:left;">
<img src="" alt="" />
</div>
</div>
<div class="container" style="text-align:center">
<div style="width:33%, float:left;">
<img src="" alt="" />
</div>
<div style="width:33%, float:left;">
<img src="" alt="" />
</div>
<div style="width:33%, float:left;">
<img src="" alt="" />
</div>
</div>
Gambar e udah dimasukin kesini blum gan?
<img src="" alt="" />
sudah gan kalo belum kan g kebaca gambarnya.. :D
Siapa tau gannn hahhaa... Di web ku sih bisa.. saya bingung masalah agan.. coba masukin kesini kode mu gan..
@Fadhli_sanad kalau pasang gambar pastiin format akhir (ekstensinya) png atau jpg
@dodi123 itu kan sudah saya liatin gan css nya
<div class="bungkus2">
<div class="skill">
<h1>Skills</h1>
</div>
<div class="skill2">
<div class="gambar">
<img src="foto/graper.jpg">
</div>
<div class="gambar">
<img src="foto/ketemu.jpg">
</div>
<div class="gambar">
<img src="foto/jakob.jpg">
</div>
<div class="clear"></div>
</div>
</div>
.bungkus2{
width:100%;
height:auto;
background:#a7f285;
}
.skill2{
width:90%;
text-align:center;
}
.gambar{
width:30%;height:300px;float:left;
}
.gambar img{width:100%;height:100%;}
.clear{clear:both;}
coba ini gan, di class .skill2 nya, kasih margin: 0 auto, terus positionnya dibikin relative;
.skill2 { width: 90%; text-align: center; margin: 0 auto; position: relative; }
sama aja gan hehe,nanti sya coba cari-cari lagi d google
Jawaban Terpilih
Giniii nih gann.. pasti berhasill..hehehe
<div style="text-align:center">
<div style="width:100%; float:left;">
<h1>Skills</h1>
</div>
<div style="width:100%; float:left;">
<img src="foto/graper.jpg" style="width:300px; height:300px;">
<img src="foto/ketemu.jpg" style="width:300px; height:300px;">
<img src="foto/jakob.jpg" style="width:300px; height:300px;">
</div>
</div>
Struktur kode mu agak dirapiin ya gann hehehhe..