Postingan lainnya
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
0
5 Jawaban:
coba css nya pake ini gan
#tentangSaya{
float:right;
width:50%;
margin:0;
}
#skillKoding{
float:right;
width:50%;
margin:0;
}
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>
0
@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
0
maaf ini yg bener
#tentangSaya{
float:left;
width:50%;
margin:0;
}
#skillKoding{
float:right;
width:50%;
margin:0;
}
coba pake css diatas
0