waktu tersisa untuk klaim Potongan harga Rp 300.000 dalam program Membership. Klaim Promo!

Tampilan Tidak Sesuai

Ditanyakan pada tanggal 11 February 2020 oleh Abednego Ompusunggu Edit  Hapus  Tandai Selesai  Tandai 
<!DOCTYPE html>
<html>
    <head>
        <title>My Weppage</title>
        <style type="text/css">
        .container {
            width:80px;
            margin:0 auto;
        }
        .header {
            background-color:#eee;
            min-height:50px;
            text-align:center;
        }
        .logo img {
            width: 200px;
        }
        .menu ul {
            padding: 0;
        }
        .menu ul li{
            display: inline-block;
        }
        .menu ul li a {
            padding: 10px 20px;
            text-decoration: none;
        }
        .content{
            background-color:#ddd;
            min-height:50x;

        }
        .footer{
            background-color:#ccc;
            min-height: 50px;
        }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="header">
                <h1>Logo Produk</h1>
                <div class="logo">
                    <img src="https://devschool.id/resources/images/sample-logo.png">
                </div>
                <div class="menu">
                    <ul>
                        <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li >
                    <li><a href="#">Contact</a></li>
                    </ul>
                </div>
            </div>
            <div class="content">
                <h2>Our Products</h2>
            </div>
            <div class="footer">
                <p>copyright 2018 My Page</p>
            </div>
        </div>

    </body>
</html>

NB: Dan Untuk Upload gambar Caranya Gimana Ya :D

BUAT KOMENTAR

1 JAWABAN / 0 KOMENTAR

User avatar
Oriza Sahputra menjawab pada tanggal 11 February 2020 Jadikan Jawaban Terbaik  Edit  Hapus  Ubah ke Komentar 

Hai kak,

Cuma ada kesalahan beberapa, misal 80px harusnya 800px, kebanyakan salah tulis px dan angka saja, coba kode berikut ini :

<!DOCTYPE html>
<html>
    <head>
        <title>My Weppage</title>
        <style type="text/css">
        .container {
            width:800px;
            margin:0 auto;
        }
        .header {
            background-color:#eee;
            min-height:50px;
            text-align:center;
        }
        .logo img {
            width: 200px;
        }
        .menu ul {
            padding: 0;
        }
        .menu ul li{
            display: inline-block;
        }
        .menu ul li a {
            padding: 10px 20px;
            text-decoration: none;
        }
        .content{
            background-color:#ddd;
            min-height:500px;

        }
        .footer{
            background-color:#ccc;
            min-height: 500px;
        }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="header">
                <h1>Logo Produk</h1>
                <div class="logo">
                    <img src="https://devschool.id/resources/images/sample-logo.png">
                </div>
                <div class="menu">
                    <ul>
                        <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li >
                    <li><a href="#">Contact</a></li>
                    </ul>
                </div>
            </div>
            <div class="content">
                <h2>Our Products</h2>
            </div>
            <div class="footer">
                <p>copyright 2018 My Page</p>
            </div>
        </div>

    </body>
</html>

Sudah kami koreksi

BUAT KOMENTAR