Clickable photo page


#1

can some1 help please bc i cant do something and so stuck right now!


#2

please post your code so we can help you. If the exercise not responds simple refresh the page


#3

I already figure it out, thank you!


#4

but she still needs help unless this is the same person but different account


#5

and what is the one ur stuck on i gotta know that firsh before i help you


#7

Posting full answers without explanation is not allowed, please read the guide-lines


#8

i am stuck with this message : Make sure you wrap each tag in tags!

Shall i post my code?


#9

yes, please post your code so we can help you


#11

for next time, use one of the two following options to make your code/indent is 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 before and after your code, like so:

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

the backtick is located above the tab key on your keyboard. If you don't succeed, don't delete it please


#12

oh alright. it was just blank so i deleted it.
Here 'm trying again.

it says It looks like not all of your links have href attributes. Add them in like this: !

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css" />
		<title>My Photo Page</title>
	</head>
	<body><table>
	<thead>
	<th> </th>
	</thead>
	<tr>
	<td> <a href <img src="http://www.corkfilmfest.org/wp-content/uploads/2015/10/lion-king.jpg" </img> </td> </a>
	<td> <a href <img src="http://img.lum.dolimg.com/v1/images/character_hero_disneyprincess_ariel_12325e3f.jpeg?region=0,0,1536,570&width=1200" </img> </td> </a>
	<td> <a href <img src ="http://images4.fanpop.com/image/photos/17300000/Rapunzel-disney-princess-17399581-400-550.jpg" </img> </td> </a>
	</tr>
	<tr>
	<td> <a href <img src ="https://upload.wikimedia.org/wikipedia/en/1/10/Winniethepooh.png" </img> </td> </a>
	<td> <a href <img src ="http://time4smart.com/wp-content/uploads/2015/11/tinker-bell-free-donwload.jpg" </img> </td> </a>
	<td> <a href <img src ="http://vignette3.wikia.nocookie.net/disney/images/3/37/Disney-Cinderella-Storybook.jpg/revision/latest?cb=20140314012558" </img> </td> </a>
	</tr>
	<tr> 
	<td> <a href<img src ="http://i2.wp.com/bitcast-a-sm.bitgravity.com/slashfilm/wp/wp-content/images/Beauty-and-the-Beast.jpg" </img> </td> </a>
	<td> <a href <img src="http://images-cdn.moviepilot.com/image/upload/c_fill,h_600,w_800/t_mp_quality/disney-villain-analysis-aladdin-jpeg-240154.jpg" </img> </td> </a>
	<td> <a href <img src="http://rointheknow.com/wp-content/uploads/2015/05/snow-white-and-the-seven-dwarfs-1920x1200.jpg" </img> </td> </a>
	</tr>
	</table></body>
</html>

#13

That are not backticks, i guess not all keyboards are the same.

anyway, if you have a image:

<img src="#">

and you want to add a link to this image you can do the following:

<a><img src="#"></a>

then you can assign a href attribute to your link:

<a href="#"><img src="#"></a>

try that, if you still need help after that, post an updated version of your code


#14

Still not working..

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css" />
		<title>My Photo Page</title>
	</head>
	<body><table>
	<thead>
	<th> </th>
	</thead>
	<tr>
	<td> <a href="http://www.corkfilmfest.org/wp-content/uploads/2015/10/lion-king.jpg"> </img> </a> </td>
	<td> <a href ="http://img.lum.dolimg.com/v1/images/character_hero_disneyprincess_ariel_12325e3f.jpeg?region=0,0,1536,570&width=1200" </img> </a> </td>
	<td> <a href  ="http://images4.fanpop.com/image/photos/17300000/Rapunzel-disney-princess-17399581-400-550.jpg" </img> </a> </td>
	</tr>
	<tr>
	<td> <a href ="https://upload.wikimedia.org/wikipedia/en/1/10/Winniethepooh.png" </img> </a> </td>
	<td> <a href ="http://time4smart.com/wp-content/uploads/2015/11/tinker-bell-free-donwload.jpg" </img> </a> </td>
	<td> <a href ="http://vignette3.wikia.nocookie.net/disney/images/3/37/Disney-Cinderella-Storybook.jpg/revision/latest?cb=20140314012558" </img> </a> </td>
	</tr>
	<tr> 
	<td> <a href ="http://i2.wp.com/bitcast-a-sm.bitgravity.com/slashfilm/wp/wp-content/images/Beauty-and-the-Beast.jpg" </img> </a> </td>
	<td> <a href ="http://images-cdn.moviepilot.com/image/upload/c_fill,h_600,w_800/t_mp_quality/disney-villain-analysis-aladdin-jpeg-240154.jpg" </img>  </a> </td>
	<td> <a href ="http://rointheknow.com/wp-content/uploads/2015/05/snow-white-and-the-seven-dwarfs-1920x1200.jpg" </img> </a> </td>
	</tr>
	</table></body>
</html>

#15

well, now your link opening tag (<a>) seems to be missing >, and your image now no longer has a source, plus, if you do want to use xml syntax (a slash) in the image, put it at the end, not beginning


#16

What i am trying to do is to wrap each img tag in < a > < /a > tags, but I'm completely blank on how to do this


#17

well, i showed you, you start with a image:

<img src="http://www.corkfilmfest.org/wp-content/uploads/2015/10/lion-king.jpg">

then you wrap a link around it:

<a><img src="http://www.corkfilmfest.org/wp-content/uploads/2015/10/lion-king.jpg"></a>

then you assign a href attribute to it:

<a href="https://google.com/"><img src="http://www.corkfilmfest.org/wp-content/uploads/2015/10/lion-king.jpg"></a>

and voila, you are done. take a close look at the opening tags, closing tags and attributes


#18

Oh okay, but one question (probably stupid) but why did you use google.com as the href?


#19

because using number sign (#) seem to confuse you, so i used an actual website instead, and everyone know google, and the url of google is short, you can use any url you like


#20

oh okay! But thanks a lot for the help!!