CSS - school assignment

HTML & CSS
21

I found a few things you need to look at when applying these styles to your html tags.

  • First the words that they used appear to obviously have meaning try to find out the meaning behind them.

  • all the # are your ID’s so always use them as your “Main” sections of the page there are 4 of those each word shows where they are supposed to be shown.

  • Becareful when using your classes as the words in them have meaning along with colour scheme applied here.

  • pay close attention to what the css styles are telling you for instance Margin: o auto; it is letting you know that it wants to be centered so in theory the #wrapper is ment to used to keep all elements centered so wrap everything inside it.

  • also take note in the float elements if you are not allowed to edit the css they gave you than make sure that your html is in the right order.

I know some of these pointers don’t make sense but paying close attention to this can help you grasp the idea of what they want from you if there is something you don’t uinderstand simply ask and I will try to explain them in more details :slight_smile:

1 Like
22

You need to take a very close look at the way in which you form your HTML, as it’s not ideal. I’d suggest you make use of the W3C’s Validation Markup Service. As you’re only dealing with a snippet of HTML, just use the ‘Validate by Direct Input’ tab, then select “HTML 5 (experimental)” as your doctype under the ‘Options’ menu.

Some of the result are because what you’ve posted is not a complete HTML document, and you can safely ignore those for now. What you do need to look at though are those errors it describes as “Garbage” and fix them; it’s mostly down to spaces appearing in your tags where they’re not needed.

Lastly, you should be consistent with your capitalisation of your HTML tags. Whilst you don’t need to worry that a browser will ignore or misread them , they’re very tolerant these days, for readability’s sake, I’d recommend sticking to all lowercase. That’s ‘best practice’ these days, and the random introduction of capital letters does nothing to aid readability, and highlights your inexperience with the use of HTML.

2 Likes
23

Hello. Thanks for all the answers. It has been a great help.

I have now come across this: - Is there anything else you think I’m missing?

    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <p>HEADER-TEST</p>
            </div> 
            <div id="leftcolumn" class="roed">
                <p>LEFTCOLUMN-TEST</p>
            </div>
            <div id="content">
                <p>CONTENT-TEST</p>
                <p class="citat">CONTENT-TEST2</p>
            </div>
    </div>
    </body>
</html>
24

In this post, you are missing the opening and closing backticks that allow the code to keep its formatting.

3 Likes
25

Fixed.

2 Likes
26

you are also missing your <a href=""></a> tags with that class.

I was also thinking this is a quote element so maybe add some sort of content, I don’t know if you have to but just finding a decent quote to put in that class :slight_smile:

That seems to be emphasized in red so it could stand out to be a WARNING! message?

27

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.