Font Color Isn't Changing [closed] - html

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 6 years ago.
Improve this question
I know this is a rookie question, but why isn't my font colour changing?
My HTML:
<h1 class="InternetTitle">Internet Services</h1>
My CSS:
.InternetTitle {
color: 2777fd;
text-align: center;
}
It aligns my text vertically, but it doesn't change my color. And I can't figure out why.
I've also tried:
<h1>Internet Services</h1>
h1 {
color: 2777fd;
text-align: center;
}

You're missing the # - color: #2777fd.

Related

How to center an image in the header? [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 5 years ago.
Improve this question
So this is what i have Tried, which doesn't work.
Ive also tried to make it a block and then margin that as 0 auto, like other questions say, but that doesn't help at all...
<!DOCTYPE html>
<html>
<head>
<style>
.logo {
text-align: center;
}
</style>
</head>
<header>
<div id="logo">
<img src="logo.png">
</div>
</header>
</html>
I just cannot seem to center this image, and i would like to in as little lines as possible.
need # for id . is used for class
#logo{
text-align:center;
}
Edit
Answered in comments above
I recommend you to add the body tag and do not make mistakes between id and class.

Why is my heading and text not appearing? [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 6 years ago.
Improve this question
I'm sure this is really simple, sorry but I'm a web noob. I can't get the headings to show up on the page.
<html>
<style>
body {
background: linear-gradient(to right, #bdc3c7, #2c3e50);
}
<style/>
<body>
<h1>That Was Then<h1/>
<p> A toronto based band <p>
<body/>
<html/>
The syntax for an end tag is </type> not <type/>.
This would have been picked up if you had used a validator.

Why do the images move when clicked in html and css? How to prevent it? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Improve this question
I am completely new to html and css. This is my first website. When someone clicks on an image under some category, it moves while using chrome. I would like to prevent it. Please help.
This is because the books li selector is positioned relative:
.books li{
display: inline;
position: relative; /* remove this */
top: 100px;
left: 10%;
}

How to set :hover for all elements [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 8 years ago.
Improve this question
Why does this doesn't work?
*:hover {margin-left:50px;}
Cause when I move over the element nothing happened.
Are you putting it at the end of your CSS file? If not, it may be getting overwritten.
*:hover {
margin-left: 50px;
}
is working for me.
What browser are you testing on?
Try the code below
body *:hover {margin-left:50px;}
try
body :hover{
margin-left: 50px;
}
this will apply the :hover to every inner element in body
I've just tested on Chrome and seems to work

Color not being applied from css [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 8 years ago.
Improve this question
I have the following
HTML:
<h1 class="largeTitle">Exikle</h1>
CSS:
h1.largetitle {
font-size: 9ee;
color: #2B547E;
}
However the color does not get implemented. I believe the code is correct so I'm not really sure what the problem is.
Wrong class and attribute
Class name are casesensitive and font-size is em not ee
Try
h1.largeTitle {
font-size: 9em;
color: #2B547E;
}
CSS is case sensitive with selectors(IDs & Classes) so h1.largetitle should be h1.largeTitle.