Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Membuat button di sebelah kiri dan kanan
hallo!gimana caranya memindahkan posisi button berada di sebelah kiri dan kanan..
<div id="button">
<a class="button_waterpump" href="#">Water Pump On</a>
<a class="button_waterpump" href="#">Water Pump Off</a>
<a class="button_airpump" href="#">Air Pump On</a>
<a class="button_airpump" href="#">Air Pump Off</a>
</div>
css
#button {
background-color: #34495e;
width: 100%;
padding: 5px 0 10px 0;
}
#button a{
text-decoration: none;
color: #ecf0f1;
background-color: #16a085;
width: 100px;
padding: 5px 10px;
margin:5px;
}
mohon di koreksi ya kalo ada codenya yang salah terimakasih
0
7 Jawaban:
coba button yang air pump on/of nya dibungkus di dalam tag <ul> terus css <ul> dikasi float:right <ul>
<ul>
<a class="button_airpump" href="#">Air Pump On</a>
<a class="button_airpump" href="#">Air Pump Off</a>
</ul>
1
<div id="button">
<a class="button_waterpump" href="#">Water Pump On</a>
<a class="button_waterpump" href="#">Water Pump Off</a>
<span style="float: right">
<a class="button_airpump" href="#">Air Pump On</a>
<a class="button_airpump" href="#">Air Pump Off</a>
</span>
</div>
1
Jawaban Terpilih
coba gini gan :D
<style media="screen">
.button{
width: 100%;
height: 50px;
}
.left{
float: left;
display: block;
}
.right{
float: right;
display: block;
}
.button ul a{
padding: 10px;
background: rgb(116, 181, 12);
color: white;
}
</style>
<div class="button">
<ul class="left">
<a href="#">button 1 kiri</a>
<a href="#">button 2 kiri</a>
</ul>
<ul class="right">
<a href="#">button 1 kanan</a>
<a href="#">button 2 kanan</a>
</ul>
</div>
2
berhasil.. makasih gan @arepsv dan semuanya yg ngasih saran
0
Contoh Embed Subscribe Youtube Channel
(URLKAMU) EX : https://www.youtube.com/channel/ >UCNfLa8GoyGKYrC8WjdEt9VQ<
Semoga bermanfaat :D
0
kalau untuk menenpatkan posisi button di naikan ke atas gimana ya ??
0
