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%!
Jarak antara image header dengan menu ingin dihilangkan
<!DOCTYPE HTML>
<html>
<head>
<title>Lembar Kerja 05 | Dwi Herliabriyana</title>
<style>
*{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#container{
width:98%;
height: auto;
margin:0 auto;
}
#header{
width:100%;
}
#header img{
width:100%;
align:center;
border:0px;
padding:0px;
margin:0px;
}
#menu{
padding:0px;
margin: 0px;
}
#menu li{
list-style:none;
float:left;
width:20%;
text-align:center;
background-color:#0e919b;
font-size:20px;
height:30px;
line-height:30px;
border-right:1px solid black;
box-sizing:border-box;
font-weight:bold;
color:white;
}
#menu li:last-child{
border:none;
}
#menu a{
text-decoration:none;
color:black
}
#menu li:hover{
background-color:#0eb4c1;
}
#content{
}
#footer{
}
</style>
</head>
<body>
<div id="container">
<div id="header"><a href="Tugas akhir UTS.html"><img src="gambar/banner.jpg" alt="reload please"/></a></div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Input Data</a></li>
<li><a href="#">Lihat Data</a></li>
<li><a href="#">Akun</a></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
</html>
Bagaimana cara menghilangkan jarak antara header dengan menu kak, apa properti untuk di cssnya? terimakasih.
0
2 Jawaban:
klo bisa tampilin screenshotnya gan, agak bingung juga nyari jaraknya
0
coba untuk bagian container dibagian height sama margin dibuat 0 saja jngn ada auto terus untuk semua ukuran menggunakan px biar lebih mudah mengaturnya
0
