I thought I was doing well at learning how to create and build a website, but it is not going well. I can’t figure out what I’m doing wrong with my CSS code. Every time I run the code it just shows hope as text and pictures that looks like it’s all just hyperlinks. Any help is greatly appreciated. Preformatted text
h1{font-family: Helvetica;
font-size: 100px;
font-weight: bold;
color: red;
background-image:
text-align: center;
}
h2{
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
background-color: mediumspringgreen;
}
h3{
color: black;
font-weight: bold;
}
h3{
font-family: Helvetica;
font-weight: bold;
color: blue;
}
h4{
background-color: light coral;
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
}
h5{
background-color: skyblue;
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
}
h5{
font-family: Helvetica;
font-weight: bold;
color: blue;
}
Hello, there!
I would love to give you some assistance with your project. To do so, could you please properly format your CSS? You want to make sure that the CSS is properly in-between the two sets of three backticks.
```
[CSS here]
```
Preformatted text
h1 {
font-family: Helvetica;
font-size: 100px;
font-weight: bold;
color: red;
background-image: text-align: center;
h2 {
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
background-color: mediumspringgreen;
}
h3 {
color: black;
font-weight: bold;
}
h3 {
font-family: Helvetica;
font-weight: bold;
color: blue;
}
h4 {
background-color: light coral;
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
}
h5 {
background-color: skyblue;
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
}
h5 {
font-family: Helvetica;
font-weight: bold;
color: blue;
}
Is this the right way to format it?
The formatting is messing up here in the beginning, so it’s not displaying correctly.
If you click this button:
It will say
type or paste code here
As I mentioned previously, you want to ensure your code is in between the three backticks. Just replace the “type or paste code here” with your CSS.
h1 {
font-family: Helvetica;
font-size: 100px;
font-weight: bold;
color: red;
background-image: <img src="https://pattern.jpeg" /> text-align: center;
h2 {
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
background-color: mediumspringgreen;
}
h3 {
color: black;
font-weight: bold;
}
h3 {
font-family: Helvetica;
font-weight: bold;
color: blue;
}
h4 {
background-color: light coral;
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
}
h5 {
background-color: skyblue;
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
}
h5 {
font-family: Helvetica;
font-weight: bold;
color: blue;
}
1 Like
So, this right here is not valid for background-image.
background-image: url("path/to/image.png");
or
background-image: url("https://www.link.com/image.png");
Just make sure you use the correct path if you have it saved to your computer.
ok. thank you so much for your help.
1 Like
system
Closed
July 5, 2023, 7:45pm
9
This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.