Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
gimana caranya bikin header sejajar
gimana supaya menu Home, test 1, test 2 itu bisa sejajar di sebelah kanan tulisan "ini header" gan?? dulu pernah bisa tapi lupa ,udah ane container juga sama aja :v
9 Jawaban:
difloatin right aja, coba cantumin source kodenya gan
header nya
<!DOCTYPE html>
<head>
<title>Teman Sekolahku</title>
<link rel="stylesheet" href="view/style.css">
</head>
<div id="content-menu">
<h1 id="judulheader">ini header</h1>
<span id="menu">
<a href="index.php">Home</a>
<a href="">test 1</a>
<a href="#">test 2</a>
</span>
</div>
<!-- menu -->
css nya
/* header */
*{
margin: 0;
padding: 0;
}
#judulheader{
background-color: #45aec1;
color: white;
padding: 10px;
font-family: sans-serif;
}
udah ane float right gan tetep aja nggak masuk ke bagian biru ini header ,tetep dibawahnya
kalo ane sering pakai yang kayak gini gan index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>navbar</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<h1>Ini header</h1>
<ul>
<li>Home</li>
<li>Test 1</li>
<li>Test 2</li>
</ul>
</nav>
</header>
</body>
</html>
style.css
* {
padding: 0; margin: 0;
}
header nav {
padding: 10px;
background: rgb(64, 32, 214);
color: #fff;
}
header nav h1 {
display: inline;
}
header nav ul {
float: right;
list-style: none;
}
header nav ul li {
display: inline-block;
margin-right: 10px;
}
itu kayaknya caranya udah dijelasin mas Hilman tapi lupa bagian yang mana
iya sih gan, kayaknya udah dijelasin tapi ane lupa :v
wkwkwk, sering dibagi ke temen-temen biar gak cepat lupa gan.. Kata mas hilman ada 2 cara, 1. dipake, untuk membuat yang bermanfaat. 2. disebarkan dan dibagikan ke orang lain