Html code not working

Question

1.00/5 (1 vote)

See more:

it just displays the background image no ul command

What I have tried:

HTML

<title>SupZone-The Best Online Furniture Store



#mainpage {height:100%;width:100%;margin:none;}
#mainbody {height:100%;width:90%;margin:auto}
#header {height:60px;width:90%;border:2px solid black;font-size:50px }
#ul {background-color:brown;width:80%;height:40px;margin:auto;text-decoration:none; }









 

<div id="mainpage">
</div>
<div id="mainbody">
</div>
<div id="header">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>

Posted 3-Mar-17 1:55am

Member 13035888

Updated 3-Mar-17 14:17pm

Graeme_Grant

v2

Add a Solution

Comments

Jochen Arndt 3-Mar-17 8:02am

It has shown three list items here before your post has been fixed :)

However, the closing </title> tag is missing.

CHill60 3-Mar-17 8:08am

Beat me to it - that is indeed the problem

Graeme_Grant 3-Mar-17 8:10am

There is a lot more wrong with it...

Patrice T 3-Mar-17 8:16am

this code is not a correct html page.

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Graeme_Grant · Answer 1 · 2017-03-03T02:09:00

Your styles are not wrapped in a style tag; the page has no body; you're also missing closing tags...

You need to do the following:

HTML

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>SupZone-The Best Online Furniture Store</title>
    <style>
        #mainpage {height:100%;width:100%;margin:0;}
        #mainbody {height:100%;width:90%;margin:auto}
        #header {height:60px;width:90%;border:2px solid black;font-size:50px }
        #ul {background-color:brown;width:80%;height:40px;margin:auto;text-decoration:none; }
    </style>
</head>
<body>
    <div id="header">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Contact us</a></li>
        </ul>
    <div id="mainpage">
        <p>main page goes here</p>
    <div id="mainbody">
        <p>main body goes here</p>
    </div>
    </div>
</body>
</html>a

Your code needs a lot of work. It might be easier for you to work with an existing framework. Here is a framework with templates to get you started quickly: Bootstrap · The world's most popular mobile-first and responsive front-end framework.[^]

OriginalGriff · Answer 2 · 2017-03-03T02:11:00

Solution 2

Well... there are problems there.
Start by closing your title tag - that way they rest of it might get processed.

Posted 3-Mar-17 2:11am

OriginalGriff

Patrice T · Answer 3 · 2017-03-03T14:17:00

Solution 3

The first problem is that your code is not an html file.

You should learn the structure of an html file.
W3Schools Online Web Tutorials[^]

Posted 3-Mar-17 14:17pm

Patrice T