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%!
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