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%!
tag semantik html5
mastah ini kok hsilnya background header nya gk selebar elemen lainna ya
<body>
<header>
<h1 class="heaederh2">ini header bagian atas website </h1>
<img class="heaederh1" src="alpha3.png">
</header>
<nav class="h1">
<ul>
<li>satu</li>
<li>dua</li>
<li>dua</li>
<li>dua
<ul>
<li>dua satu</li>
<li>dua dua</li>
<li>dua tiga</li>
</ul></li>
<li>dua</li>
<li>dua</li>
<li>dua</li>
</ul>
</nav>
header{ background-color: #FF8C00;
width: 80%;
min-height: 1px;
max-height: 100px;
}
.heaederh1{ float: right; }
.heaederh2{ float: left; }
.h1{ clear: both; }
4 Jawaban:
Jawaban Terpilih
karena lebarnya 80%?
maaf mas hilman. maksud saya tingginya .. saya menggunakan min-height dan max-height d css nya. sya sudah menaruh h1 dan img di header. tapi kok background header nya mengambil yang min-height ya ( 1px )..
sepertinya karena efek floatnya, coba clean efek floatnya, salah satu carnaya tambahkan satu element di bagian akhir, tapi masih di dalam header
//html
<header>
<h1 class="heaederh2">ini header bagian atas website </h1>
<img class="heaederh1" src="alpha3.png">
<div class="clear">
</header>
//css
.clear { clear:both; }
sip mas hilman..terima kasih.. sangat membantu