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%!
Cara naruh logo jadi rapi, padding logo nyesuain sama padding menu
HTML :
<!DOCTYPE html>
<html>
<head>
<title>TimyZen</title>
<link rel="stylesheet" type="text/css" href="css.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<ul>
<li class="logomenu"><img width="20%" height="20%" src="logo.png"></li>
<li><a class="linkmenu" href="#"><span class=fa fa-home>HARI INI</a></li>
<li><a class="linkmenu" href="#">REVIEW</a></li>
<li><a class="linkmenu" href="#">SPESIFIKASI</a></li>
</ul>
</body>
</html>
CSS :
body{
margin: 0;
top: 0;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #0099ff;
position: fixed;
top: 0;
width: 100%;
}
.linkmenu {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-family: arial;
font-weight: bold;
}
.linkmenu:hover:not(.active) {
background-color: #4db8ff;
}
.linkmenu.active {
background-color: #4db8ff;
}
.logomenu {
float: left;
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-family: arial;
font-weight: bold;
}
Hasil sementara :
error menu timyzen.png
Semoga bisa dibantu :)
1 Jawaban:
<pre>.logomenu { float: left; display: inline-block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; font-family: arial; font-weight: bold;</pre><div> coba bagian padding 14px 16px; itu kurangin yang 16px kalau terlalu ke tengah</div>
Tanggapan
udah dikurangin sampe 0px, tapi tetep jauh. apa ada cara lain ?