Please is there any one who can teach me this?

HTML-CSS
1

my html code is :

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>web page </title>

    <link rel=”stylesheet” type="text/css" href="css/style.css">

</head>

<body>

    <div class="nav">

        <div class="navdiv">SM FABRICATORS</div>

            <ul class="navul">

            <li class="navulli"><a href="#" class="navullia">Home</a></li>

                 <li><a href="./about.html" class="navullia" >About</a></li>

                <li><a href="./services.html" class="navullia" >Services</a></li>

                <li><a href="./contact.html" class="navullia" >Contact</a></li>

            </ul>

        </div>

</body>

</html>

and my css code is :

.nav{

    height: 50px;

    background: blue;

}

.navdiv{

    display: inline-block;

    position: absolute;

    left: 0;

    padding: 15px;

    font-size: 20px;

    color: white;

}

.navul{

    position: absolute;

    right: 5px;

}

.navulli{

    display: inline-block;

}

.navullia{

    color: white;

    padding: 5px

}

why cant I style my page please can any one help me ???

2

Hi,

Where you put your css file?
In the same directory?

1 Like
3

This is just a wild guess as we don’t have that many info, but

those quotes doesn’t seems standard: ". Perhaps they are causing HTML parsing error thus your style is not loaded?

2 Likes
4

Screenshot (91)
Screenshot (91)1366×768 56.6 KB
Screenshot (92)
Screenshot (92)1366×768 47.5 KB

5

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

6

thank you i did not wrote it correctly.

7

thanks man :smiling_face_with_three_hearts:

8

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