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