Postingan lainnya
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..