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.
Related
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.
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.
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
<html>
<head>
<style>
img.cardoption {width=20px;}
</style>
</head>
<body>
<img class='cardoption' src='http://s32.postimg.org/9vao2t9kl/scc_std.png'/>
</body>
</html>
In this simple piece of HTML, and accompanying CSS, I have an image with class name 'cardoption'. In the style tag in the head, I have attempted to set the width of this image to 20px.
However, for some reason the image is not resizing. Can someone please explain why?
Use
img.cardoption {width:20px;}
Replace = with :
(= is used for HTML attributes and : is used for CSS)
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 am just doing a bit of css styling and ran into an issue. I was using the id "home-ad" and it would not display in Firefox. The box model would have the content size as 0x-40 (40 was the padding value). Once I changed the ID name, the code worked without issue.
I tested it in chrome, and the home-ad ID displayed without issue.
I am obviously just going to use a different ID from now on, but I am curious as to why it won't display.
Here's the JSFiddle
If you open it in both Firefox and Chrome, you'll see the different results.
HTML:
<div id="home-ad">
<p class="text-center">First Div</p>
</div>
<div id="home-advert">
<p class="text-center">Second Div</p>
</div>
CSS:
#home-ad {
background-color: #fff669;
}
#home-advert {
background-color: #fff669;
}
Yes, I'm on my work computer and it was due to the ad blocker that's installed.
Crisis averted.
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.