Postingan lainnya

Buku Ini Koding!

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

Error dimana ya

Saya mencoba membuat sendiri setelah menonton video tutorial namun kok error di bagian menunya, bisa dilihat kenapanya mas? CSS

*{
	margin: 0px; padding: 0px;
	font-family:'Caveat', cursive; font-weight: normal;

}

a{
	text-decoration: none;
}

li{
	list-style: none;
}

img{
	max-width: 100%; max-height: 100%;
}

/* bagian pertama */

#pertama{
	background: url('asset/10.jpg') no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	height: 800px;
	padding-top: 20px
}

.clear{
	clear: both;
}

.konten{
	width: 1260px;
	margin: 0 auto;
}

}
.kolom_3{
	float: left; width: 400px;
}

.kolom_3_tengah{
	margin: 0px 30px;
}

#logo{
	display: block; width: 100px; margin: 0 auto;
}

#menu{

	background-color: #0074b8;
	height: 50px; line-height: 50px;
	font-size: 20px; margin-top: 20px;
}

#menu a{
	 text-align: center; color: white; display: block;
}

#menu a:hover{
	background-color: #2c9ddd;
}

#box_sd{
	background-color: rgba(44, 155, 221, 0.7);
	color: white;
	font-size: 30px;
	text-align: center;
	margin: 80px 0;
	padding: 20px 0;
}

#box_sd a{
	display: block;
	border: 2px solid white;
	color: white;
	padding: 5px 0;
	width: 300px;
	margin: 25px auto 0 auto;
}

#box_sd a:hover{
	background-color: white;
	color: #0074b9;
}

html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Web MAL</title>
	<link rel="stylesheet" href="style.css">
	<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
</head>
<body>
<div id="pertama">

	<div id="header">
		<img src="asset/logo.png" id="logo" alt="">
		<div id="menu">
			<div class="konten">
				<a href="#pertama" class="kolom_3">Hallo</a>
				<a href="#kedua" class="kolom_3 kolom_3_tengah">Karya</a>
				<a href="#ketiga" class="kolom_3">Kontak</a>
			</div>
		</div>
	</div>

	<div class="clear"></div>

	<div class="konten">
		<div id="box_sd">
			<h1>Selamat Datang <br> di Website Web MAL</h1>
			<a href="#kedua">Lihat Karya</a>
		</div>

	</div>
</div>

<div id="kedua">
	<div class="konten">

	</div>
</div>

<div id="ketiga">
	<div class="konten">

	</div>
</div>
</body>
</html>

Error

Terima kasih

css html design

@wisu28

2 Kontribusi 0 Poin

Diperbarui 8 tahun yang lalu

3 Jawaban:

mungkin seharusnya gini :

<div class="konten">
    <li><a href="blabla">Halo</a></li>
    <li><a href="blabla">Karya</a></li>
    <li><a href="blabla">Kontak</a></li>
</div>

semoga membantu...

@whiters007

8 Kontribusi 6 Poin

Dipost 8 tahun yang lalu

Masih sama kok saya coba

@wisu28

2 Kontribusi 0 Poin

Dipost 8 tahun yang lalu

Tanda " } ", diatas class kolom_3 di file css di hapus saja.

@edymok

1 Kontribusi 0 Poin

Dipost 8 tahun yang lalu

Buku Ini Koding!

Kelas Premium! Belajar bikin website dari nol sekarang

Error dimana ya

Kelas Premium!
Belajar bikin website dari nol sekarang