8 thoughts on “HTML and CSS Website Part 8: Standardizing Page Dimensions

  1. Thank you for taking the time to explain some of the concepts. It is helping allot with the understanding of the core structures of how the code works.

  2. Thanks for the kind words! Hoping to have the next video in the series up around the end of the week. That one is a BIG leap forward for our page.

  3. Just wonderful, I been tryin to find out about "landing page html template" for a while now, and I think this has helped. Ever heard of – Fanadeey Controller Excellence – (do a search on google ) ? Ive heard some decent things about it and my cousin got cool success with it.

  4. I'm having trouble doing this, any advice for my code? Its supposed to be a parody news site.

    <html>
    <head>
    <title>Starlight Central</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
    <script type="text/javascript" src="script.js"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet">
    </head>
    <body></body>
    </html>

    <div><h>STARLIGHT CENTRAL<h></div>
    <style>
    ul {
    list-style-type: none;
    overflow: hidden;
    background-color: black;
    }
    li {
    float: left;
    }
    li a {
    display: block;
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    }
    p {
    color: white;
    }
    h1 {
    font-family: Bree Serif;
    text-align: center;
    }
    h {
    text-align: center;
    position: static;
    font-size: 150px;
    font-family: Bree Serif;
    }
    div {
    width: 100%;
    height: 100%;
    min-width: 1000px;
    min-height: 1000px;
    }
    </style>
    <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="video.html">Video</a></i>
    <li><a href="articles.html">Articles</a></li>
    <li><a href="broadcastinglive.html">Broadcasting Live</a></li>
    <p>CATEGORIES:</p>
    <li><a href="politics.html">Politics</a></li>
    <li><a href="science.html">Science</a></li>
    <li><a href="environment.html">Environment</a></li>
    <li><a href="entertainment.html">Entertainment</a></li>
    <li><a href="concpiracycorner.html">Conspiracy Corner</a></li>
    </ul>

    <h1>No Left, No Right, Only the facts.</h1>
    <div><img src="https://upload.wikimedia.org/wikipedia/commons/b/bc/Wikinews_Breaking_News.png" alt="Top Story" width=600 height=250>
    <img src="https://upload.wikimedia.org/wikipedia/commons/d/db/Article_1.png" alt="Latest Article" width=250 height=250></div>

Leave a Reply

Your email address will not be published. Required fields are marked *