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%!
float left gak jalan
screenshot
cuplikan html
<div id="tentangSaya">
<div class="content">
<div class="column_2">
<h2>Tentang Saya</h2>
<div class="space"></div>
<div class="space"></div>
<p>
tulisan lorem ipsum </p>
</div>
</div>
</div>
<div class="clear"></div>
<div id="skillKoding">
<div class="content">
<div class="column_2">
<h2> Skill Koding </h2>
<div class="space"></div>
<div class="space"></div>
<div id="skill-bar">
<a href="#"> HTML </a>
<a href="#"> CSS </a>
<a href="#"> Javascript </a>
<a href="#"> JQuery </a>
<a href="#"> PHP </a>
<a href="#"> MySQL </a>
</div>
</div>
</div>
</div>
cuplikan css
.column_2 {
width: 450px;
margin: 0 ;
float: left;
}
itu gimana ya gan? ada yang salah gak? perasaan liat website lain aman aman aja float left nya gan, thanks gan
5 Jawaban:
coba css nya pake ini gan
#tentangSaya{
float:right;
width:50%;
margin:0;
}
#skillKoding{
float:right;
width:50%;
margin:0;
}
pindahin <div class='column_2' nya ke awal gan, trus <div class='clear'nya pindahin dibawah, jdi gini gan coba :
<div class="column_2">
<div id="tentangSaya">
<div class="content">
<h2>Tentang Saya</h2>
<div class="space"></div>
<div class="space"></div>
<p>
tulisan lorem ipsum </p>
</div>
</div>
</div>
<div class="column_2">
<div id="skillKoding">
<div class="content">
<h2> Skill Koding </h2>
<div class="space"></div>
<div class="space"></div>
<div id="skill-bar">
<a href="#"> HTML </a>
<a href="#"> CSS </a>
<a href="#"> Javascript </a>
<a href="#"> JQuery </a>
<a href="#"> PHP </a>
<a href="#"> MySQL </a>
</div>
</div>
</div>
</div>
<div class="clear"></div>
@ahnafhf21 malah jadi float right dua duanya gan
@dras kalo keluar content jadi gak ada pembungkusnya, udah dicoba tapi si #skillKoding nya gak mau naek
maaf ini yg bener
#tentangSaya{
float:left;
width:50%;
margin:0;
}
#skillKoding{
float:right;
width:50%;
margin:0;
}
coba pake css diatas