23. Many selectors, many properties

I cannot, for the life of me figure what is wrong with my code! Please help! I keep getting the "Don't forget to set your h1 font to Verdana" error. 





 <!DOCTYPE html>
<html>
	<head>
		<title>Result</title>
		<link>
		    <href="stylesheet.css"/>
		    <type="text/css"/>
		    <rel="stylesheet"/>
	</head>
	<body>
	    <h1>Hello</h1>
	        <p>Test</p>
	</body>
</html>







h1 {
    font-family:Verdana;
    color:#576d94;
}
p {
    font-size:18px;
    color:#4a943;
}

href, type and rel are attributes you need to add to your <link> tag, they are not html tags, like so:

<link type="text/css" ref="stylesheet" href="stylesheet.css" />

i have the same problem
plz help

i can only help you if you post your code

1 Like

check your link to stylesheet, nothing you wrote in css is visible in the output screen. If you need help with that, post (please not a print screen) your html code to the forum, use the instructions i provided earlier, if that doesn’t work, try this. the backtick is located above the tab key on your keyboard

2 Likes

your second attribute (ref) should be rel

If that doesn’t fix it, copy paste your code the forum, it is really hard to work with print screens

1 Like

ok thanx
and sorry for screenshot

ref to rel
work :smile:
thanx

I’m Stuck…on exercise 23

this is my html code

and this is my css

h1 {
font-family: Verdana;
color: #576d94;
}

p{
font-size: 18px;
color: #4a4943;
}

Your link to stylesheet is wrong, the third attribute of <link> should be href not ahref

1 Like

I can’t figure out what I’ve done wrong either.

html:

<!DOCTYPE html>
<html>
	<head>
		<linktype="text/css" rel="stylesheet" href="stylesheet.css"></link>           
		<title>Result</title>
	</head>
	<body>
	    <h1>This is a lesson</h1>
	    <p>This is a paragraph. There are many others like it but this one is mine.</p>
	</body>
</html>

css:
h1{
font-family: Verdana;
color: #576D94;
}

p{
font-size:18px;
color:#4a4943;
}

your link to stylesheet is broken

attributes are seperated by spaces, like so:

<th colspan="2">

now look at your <link>, not all attributes are seperated by spaces

you have a back-slash after yellow, this should be a semi-colon, also, this is the wrong exercise. Please make your own topic

A post was split to a new topic: 23 need help with many selectors, many property’s

I am also having a problem with this lesson. Can anyone tell me what is wrong with my code?

This is my index sheet:

<!DOCTYPE html>
<html>
	<head>
	<link-type="text/css"rel="stylesheet"href="stylesheet       .css"/>

		<title>Result</title>
	</head>
	<body>
	
	    <h1>Last Night's Greek Salad</h1>
	        <p>People partied in it.</p>
	
	</body>
</html>

And this is my stylesheet:


h1 {
    font-family: Verdana;
    color: green;
}
p {
    font-size: 18px;
    color: #4A4943;
}

Your link to stylesheet is faulty, you have your link element:

<link>

this should have 3 attributes, and attributes are separated by spaces, an example:

<img src="#" alt="my_image" class="thumbnail">

See? spaces between the attributes, and no dash/hyphen between the html element and the first attribute (you have a dash between link and type, this should be a space)

for next time, use one of the two following options to make your code/indent visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks (not slashes) before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard

1 Like

Odd, I thought did put three backslashes before and after my code, I’m not sure why that didn’t work. In any case, thank you for helping me fix that faulty link. It was indeed spacing. Cheers!

backslash: \
backtick: ` (i can’t get the backtick to highlight, since that is what you use to highlight), anyway, they are not the same. Good the issue is resolved.

1 Like

Oh! So silly. Thanks for clearing that up!

<!DOCTYPE html>
<html>
	<head>
                 <p> Much obliged!</p>
         </head>
</html>