Promo Member Baru 40%! Program Full Stack Membership! Hanya 3 Hari! Klaim Promo

Tampilan Tidak Sesuai

Ditanyakan pada tanggal 11 February 2020 oleh Abednego Ompusunggu
<!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

Comment ..

untuk upload gambar bisa di upload dulu gambarnya di imgur/drive/dropbox kak, nanti linknya di copy dan di paste disini. Upload dulu aja fotonya kak biar pertanyaannya lebih jelas :)

Dikomentari pada tanggal 11 February 2020 oleh Dinda Ayu Swastika
BUAT KOMENTAR

1 JAWABAN / 1 KOMENTAR

User avatar
Ahmad Oriza menjawab pada tanggal 11 February 2020

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