Ch26 changing link's text-decoration


#1

I'm having trouble with changing the link's text-decoration to none. Any thoughts on what might be wrong? Thanks!!

Here is my index.html







Coffee Shop



The best coffee in town!


Link to our wepage


Here is my CSS:
h1{
font-family: Verdana, sans-serif;
color: #576d94;
}
img{
height: 100px;
width: 300px;
border: 1px solid #4682b4;
p{
font-family: Garamond, serif;
font-size: 18px;
color: #4a4943;
}
a{
color: #cc0000;
text-decoration: none;
}

#2

​Hi Dhocode,

Your code isn't currently visible. Please edit your post to format it, then comment back so we'll know you've updated the code. You can format code by selecting it all while in the post editor, and pressing Ctrl/Cmd + K, or by adding a new line and three backticks (`) before and after your code, like this:


```
<code> will show up properly here
```

Thanks!


#3

Thanks zystvan for showing me the backtick trick! I now have my code so it is visible, followed by my stylesheet code.

<!DOCTYPE html>
<html>
	<head>
	    <link type="text/css" rel="stylesheet" href="stylesheet.css" />
		 <title>Result</title>
	</head>
	<body>
	    <h1>Coffee Shop</h1>
	       <img src="http://whatsupnewp.com/wp-content/uploads/2015/09/cup-of-coffee-newport-ri.jpg" />
	            <p>The best coffee in town!</p>
	            <a href= "http://www.tennstreetcoffee.com/"> Link to our wepage </a>
	</body>
</html>

h1{
    font-family: Verdana, sans-serif;
    color: #576d94;
}
img{
    height: 100px;
    width: 300px;
    border: 1px solid #4682b4;
p{
    font-family: Garamond, serif;
    font-size: 18px;
    color: #4a4943;
}
a{
    color: #cc0000;
    text-decoration: none;
}

#4

You forgot to close your img CSS rule :)


#5

Whoops! Thanks zystvan!


#6

3 posts were split to a new topic: Change the link's text-decoration to none


#7