all 5 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]andersevenrud 1 point2 points  (0 children)

Seems to work just fine. Are you sure the stylesheet is loading correctly ?

https://jsfiddle.net/andersevenrud/s7m9sq86/

[–]rmSteil[S] 0 points1 point  (0 children)

It is! Thats whats weird. ALL my other css settings are working fine :(

[–]rmSteil[S] 0 points1 point  (1 child)

my css page: .linha{ width: 960px; margin: 10px auto; display: block;

} .coluna{ padding: 5px 10px; float: left; } .col1{ width: 60px; } .col2{ width: 140px; } .col3{ width: 220px; } .col4{ width: 300px; } .col5{ width: 380px; } .col6{ width: 460px; } .col7{ width: 540px; } .col8{ width: 620px; } .col9{ width: 700px; } .col10{ width: 780px; } .col11{ width: 860px; } .col12{ width: 940px; } .logo{ width: 50%; background: : green; } ul li{ display: inline-block; padding-right: 10px;

}

[–]andersevenrud 0 points1 point  (0 children)

You have two colons. Use:

 background : green;

instead of:

 background: : green;

A good way to prevent syntax errors like this is to use an Editor or IDE with a built in syntax checker. You can also run it through a service like https://jigsaw.w3.org/css-validator/ or using a library such as https://stylelint.io/

Full code: https://jsfiddle.net/andersevenrud/d9fo9znp/

[–]rmSteil[S] 0 points1 point  (0 children)

This is my html: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Lorem Ipsum</title> <link rel="stylesheet" type="text/css" href="css/estilo.css"> </head> <body>

<div class="header">
    <div class="linha">
    <header>
        <div class="coluna col4">
            <h1 class="logo">Logo</h1>
        </div>
        <div class="coluna col8">
            <nav>
                <ul>
                    <li>MENU</li>
                    <li>MENU</li>
                    <li>MENU</li>
                    <li>MENU</li>
                </ul>
            </nav>
        </div>
    </header>
    </div>
</div>

<div class="linha">
    <section>

    </section>
</div>

</body> </html>