Links and text decoration solved


#1

Links and text decoration

Instructions

Add a link to your HTML page using <a href="url">Link text</a> tags (check the Hint if you need a reminder). You can link to any webpage.
On the CSS tab, change your link's text-decoration to none and its color to #cc0000.

anyone know the working code, please i am very stuck, thanks :]


#2

The HTML should be like* this: <a href="Anyurlyouwant">any text</a> and the CSS:
a {
text-decoration: none;
}

*Switch 'Anyurlyouwant' and 'any text' to your own choice.


#3

sorry but all it says is this:
Oops, try again. Did you remember to set your link's text-decoration to none;?


#4

In that case try making the CSS this;
a:link {
text-decoration: none;
}

It is quite specific about a:link I think, but I personally think it's confusing so I left it out.


#5

still doesnt work

just to be sure do u do this on the style sheet? thanks for help


#6

Yes, it's in the CSS file.


#7

oh i was doing it right then but for some reason it says it is wrong


#8

Oh I forgot about the colour! Sorryyy! The CSS should be like so:
a {
text-decoration: none;
color: #cc0000;
}


#9

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

i wrote this but it still wont work, i have had this problem for a while now but thanks for help


#10

One last suggestion:
a {
text-decoration:none;
color:#cc0000;
}


#11

can i see all your css code?


#12

So, did anybody solve this problem, or just left it alone?


#13

i wanted to help you, but in order to do so, i need to see your code. For all i know you missed a closing curly bracket somewhere


#14
<!DOCTYPE html>
<html>
	<head>
	<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
	    <h1>Links and text decoration</h1>
	        <p>This is cool</p>
	        <p>So I'll keep on practicing</p>
	            <img src="http://www.oldemonmouth.com/images/learn-how-to-invest.jpg"/>
	    <a href="https://www.google.ba">Just a click away<a/>         
	</body>
</html>

#15

Can i also see your css?


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

#17

also, your link closing tag seems to have the slash at the wrong place (it should be </a> not <a/>)


#18

saved me mate!!! tnx alot!


#19

What did you do wrong?


#20

i answered what he did wrong, if you need help, post your code