Lesson 26 "CSS" problem


#1

Hi Im the same problem of many students, but cant figure that.

<!DOCTYPE html>
<html>
<head>
<title>Result</title>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
</head>
<body>
<h1>CSS Lesson</h1>
<p>This is the best CSS lesson I ever had.</p>
<a href="www.google.com">Google this!</a>
<img src="https://www.ostraining.com/cdn/images/oscampus/courses/CSS-part-1.jpg"></img>
</body>
</html>

The problem: Did you remember to set your Link's text-decoration to none;

`h1{
font-family: Verdana, sans-serif;
color: #576d94;
}

p{
font-family: Garamond, serif;
font-size: 18px;
color: #4A4943;
}

img{
height: 100px;
width: 300px;
border: 1px solid #4682b4;
}

a{
text-decoration: none;
color: #cc0000;
}`


#2

In your HTML the Img is not nested inside the a tag.


#3

Hi, thks for the answer, show the same error.

<a href="www.google.com">Google this!
<img src="https://www.ostraining.com/cdn/images/oscampus/courses/CSS-part-1.jpg"></img></a>


#4

The img tag is self closing. You do not need , instead just have


#5

Tnks for the answer, just restart the navigator and run ok.


#6

Happy Coding,
harrypotter91


#7

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.