Css background colour not working

Question

Hello I am creating a website and I can't here is my code:

body {
  font-family: "Segoe UI", Tahoma, sans-serif;
  font-size: 18px;
  background-color: ffffff;
  overflow: auto;
}

<body>
  <div class="main">
    <img src=images\cat.gif></img>
    <table class="table">
      <tr>
        <th style="text-align:left;">
          <p id="output"><b>Likes: 0</b> 
          </p>
        </th>
        <th style="text-align:right;">
          <button class="button" onclick="likeButton()">Like</button>
        </th>
      </tr>
    </table>
    <script src="script.js"></script>
  </div>
</body>

I have now idea what is wrong all of the guides I've seen have fixed syntax errors but I've triple checked and I am almost sure I don't have any plus on other documents I have the same issue. I may just be bad. Thanks...

as @Friend stated you need to use # before hex colors as you are obviously trying to use hex colors here. — thepio
– thepio, Commented Aug 29, 2016 at 10:34
This is a question to close as typographycal error (offtopic on stackoverflow). Why 9 answers? Not neccessary. # is basic html/css development. — Marcos Pérez Gude
– Marcos Pérez Gude, Commented Aug 29, 2016 at 11:38

Samudrala Ramu · Accepted Answer · 2016-08-29 10:33:45Z

3

 body {
    font-family: "Segoe UI",Tahoma,sans-serif;
    font-size: 18px;
    background-color: #ffffff;
    overflow: auto;
}

Try This

answered Aug 29, 2016 at 10:33

Samudrala Ramu

2,1061 gold badge17 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Blue Over a year ago

While this code snippet may solve the question, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion. Please also try not to crowd your code with explanatory comments, as this reduces the readability of both the code and the explanations!

yash · Accepted Answer · 2016-08-29 11:12:41Z

2

in body css , there's missing #(hash) symbol before color code,
below code may work.

 body {
        font-family: "Segoe UI",Tahoma,sans-serif;
        font-size: 18px;
        background-color: #ffffff;
        overflow: auto;
    }

here is jsfiddle link , you can check here too, it's working jsfiddle

and reason behind image not displaying is that , you did not double quote src value. like src="images\cat.gif"

edited Aug 29, 2016 at 11:12

answered Aug 29, 2016 at 10:34

yash

2,3212 gold badges25 silver badges35 bronze badges

Comments

satwick · Accepted Answer · 2016-08-29 11:41:01Z

2

body {
font-family: "Segoe UI",Tahoma,sans-serif;
font-size: 18px;
background-color: #ffffff;
overflow: auto;
}

First You Learn Css

if you forgot to put # symbol in front of color code,css does not apply to it ,and #ffffff color RGB value is (255,255,255). This hex color code is also a web safe color which is equal to #FFF. #ffffff color name is White color.

edited Aug 29, 2016 at 11:41

answered Aug 29, 2016 at 10:36

satwick

1399 bronze badges

3 Comments

yash Over a year ago

to give good answer, mention why he did not get proper result, and explain code if possible

satwick Over a year ago

that is why i have given the answer , or you giving a suggestion or asking the question to me MR.yash ..if So ,he has removed # symbol in front of color code,css does't apply it ,and #ffffff color RGB value is (255,255,255). This hex color code is also a web safe color which is equal to #FFF. #ffffff color name is White color. ,if you know more than this kindly explain ,,,!!!i will also learn from you !

yash Over a year ago

whatever you written in previous comment, better if you edit add it in your answer.

ItzMe_Ezhil · Accepted Answer · 2016-08-29 10:34:13Z

1

CSS changes:

     body {        
    background-color:#ffffff;       
     }

answered Aug 29, 2016 at 10:34

ItzMe_Ezhil

1,4562 gold badges12 silver badges22 bronze badges

Comments

sps · Accepted Answer · 2016-08-29 10:50:26Z

1

'#' is missing in your code. If you setting background-color anywhere else use '!important'

body {
    font-family: "Segoe UI",Tahoma,sans-serif;
    font-size: 18px;
    background-color: #ffffff !important;
    overflow: auto;
}

answered Aug 29, 2016 at 10:50

sps

801 silver badge13 bronze badges

Comments

yash · Accepted Answer · 2016-08-29 11:27:02Z

1

As #FFFFFF is white color. so you will not see it so change color and check

body {
        font-family: "Segoe UI",Tahoma,sans-serif;
        font-size: 18px;
        background-color: #FF0000;
        overflow: auto;
    }

<body>
    <div class="main">
        <img src=images\cat.gif></img>
        <table class="table">
            <tr>
                <th style="text-align:left;"><p id="output"><b>Likes: 0</b>        </p></th>
                <th style="text-align:right;"><button class="button" onclick="likeButton()">Like</button></th>
            </tr>
        </table>
        <script src="script.js"></script>
    </div>
</body>

edited Aug 29, 2016 at 11:27

yash

2,3212 gold badges25 silver badges35 bronze badges

answered Aug 29, 2016 at 10:35

Roma

2921 silver badge12 bronze badges

Comments

yash · Accepted Answer · 2016-08-29 11:29:00Z

1

You have missed # in background-color: ffffff; correct it by adding # like

background-color: #ffffff;

white is by default background color of browser. you can test it by changing with #ffbf00, #4000ff etc

Comments

Aswathy · Accepted Answer · 2016-08-29 11:49:28Z

1

There is no compulsory rule to put # symbol before on color .In this, Kane's code is correct.But background-color: ffffff;return white color.ie.ffffff means white color. So we can not find any background in the website.If you have any doubt you change your background -color as background-color: FF0000; then you can clear your doubt.

answered Aug 29, 2016 at 11:49

Aswathy

2112 silver badges10 bronze badges

Comments

yash · Accepted Answer · 2016-08-29 12:05:28Z

1

First thing write "#" in front of background color code. eg:#ffffff Second thing #ffffff this color code is for white color if want see the difference, please change this color code to #FF0000

body {
        font-family: "Segoe UI",Tahoma,sans-serif;
        font-size: 18px;
        background-color: #ffffff;   // white color    please replace this to "#FF0000"  inoder to see the difference 
        overflow: auto;
    }

edited Aug 29, 2016 at 12:05

yash

2,3212 gold badges25 silver badges35 bronze badges

answered Aug 29, 2016 at 10:39

Dipak Thoke

1,98313 silver badges18 bronze badges

Comments

Maciej Wojcik · Accepted Answer · 2016-08-29 10:35:13Z

0

You have to delete </img> and add " in src Please have a look to this: code

answered Aug 29, 2016 at 10:35

Maciej Wojcik

2,1712 gold badges30 silver badges48 bronze badges

Collectives™ on Stack Overflow

Css background colour not working

10 Answers 10

1 Comment

Comments

3 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

10 Answers 10

1 Comment

Comments

3 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related