From 768e167fa758b3eb65c00680f6594b41a8a00bef Mon Sep 17 00:00:00 2001 From: Anna <annho482@student.liu.se> Date: Mon, 7 Dec 2020 17:29:13 +0100 Subject: [PATCH] Exersice 1 klar --- Exercise 1/home.html | 18 ++++++++++++++++++ Exercise 1/image5-small.jpg | Bin 0 -> 5999 bytes Exercise 1/index.html | 4 ++-- Exercise 1/style.css | 12 +----------- 4 files changed, 21 insertions(+), 13 deletions(-) create mode 100644 Exercise 1/home.html create mode 100644 Exercise 1/image5-small.jpg diff --git a/Exercise 1/home.html b/Exercise 1/home.html new file mode 100644 index 0000000..9c5ab95 --- /dev/null +++ b/Exercise 1/home.html @@ -0,0 +1,18 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Home page</title> + <link rel="stylesheet" href="style.css"> + <script src="script.js"></script> + +</head> +<body> + +<div> + <img src="image5-small.jpg"> +</div> + +</body> +</html> \ No newline at end of file diff --git a/Exercise 1/image5-small.jpg b/Exercise 1/image5-small.jpg new file mode 100644 index 0000000000000000000000000000000000000000..162548994907eea3231445a9e42fe3d275a52dc8 GIT binary patch literal 5999 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 UI#_Ay{%c=6o3yO2F#f*@0K;Pbi~s-t literal 0 HcmV?d00001 diff --git a/Exercise 1/index.html b/Exercise 1/index.html index c344373..7e88116 100644 --- a/Exercise 1/index.html +++ b/Exercise 1/index.html @@ -17,7 +17,7 @@ <div class="wrapper"> <div class="menu-container"> <ul id="menu"> - <li><div>Home</div></li> + <li><div><a href="home.html" target="index-content">Home</a></div></li> <li>-</li> <li><div>Slideshow</div></li> <li>-</li> @@ -37,7 +37,7 @@ </div> <div class="index-content-parent"> - <iframe name="index-content" src="" ></iframe> + <iframe name="index-content" src="home.html"></iframe> </div> </div> diff --git a/Exercise 1/style.css b/Exercise 1/style.css index e0db7d8..88291da 100644 --- a/Exercise 1/style.css +++ b/Exercise 1/style.css @@ -42,15 +42,5 @@ iframe { width: 800px; height: 500px; margin-left: 150px; - -} - -.index-content { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - width: 100%; - height: 100%; + border: 0; } \ No newline at end of file -- GitLab