Postingan lainnya
Kenapa background nya tidak memenuhi browser?
Assalamualaikum.. Selamat siang semuanya..
Saya mau bertanya.. kok tampilan background nya tidak memenuhi halaman browser nya?? Kalo diliat dari gambar nya masih ada jarak di bagian atas dan bagian bawahnya. Terima kasih sebelumnya buat yang udah sempetin liat atau bantu jawab.
<html>
<head>
<title>Warteg Online</title>
<!--Import materialize.css-->
<link href="index.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/materialize.min.css"/>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<div class="card-panel teal red light">
<center><h1 class="white-text">Selamat Datang</h1></center>
<div class="carousel carousel-slider">
<a class="carousel-item"><img src="gambar/home.jpeg" height="500" width="200"></a></a>
<a class="carousel-item"><img src="gambar/how to order.jpg"></a>
</div>
</div>
<script>
$(document).ready(function(){
$('.carousel.carousel-slider').carousel({fullWidth: true});
});
</script>
</body>
</html>
0
5 Jawaban:
mungkin ada efek style dari file yang agan buat di index.css
1
kalo saya biasanya gara2 elemen lain yang punya margin-top.. misal headingnya/title nya itu.. coba element backgroundnya kasih padding-top: 20px;
0
Jawaban Terpilih
tetep gak ngaruh gan @kentos, ini kodingan css nya..
*{
padding-bottom:20px;
}
.card-panel{
padding:0px;
}
0