From 9fa8ae197698b514fda277c21a926a77b5588790 Mon Sep 17 00:00:00 2001
From: Sebastian Greil <2123300@stud.hs-mannheim.de>
Date: Wed, 17 May 2023 20:58:42 +0200
Subject: [PATCH] Bilder klickbar und hover fixed

---
 meinebuecher.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/meinebuecher.html b/meinebuecher.html
index 30822b4..8b08a1e 100644
--- a/meinebuecher.html
+++ b/meinebuecher.html
@@ -36,7 +36,8 @@
             <p id="meinebüchertitel">Meine Bücher</p>
                 <!--first item-->
                 <div id="firstItem" class="items" >
-                    <img src="pictures/percy_jackson_diebe_im_olymp.jpg" width="125" height="200"/>
+                    <a href="percy.html"><img src="pictures/percy_jackson_diebe_im_olymp.jpg" width="125" height="200"/></a>
+
                     <h3 class="headerinItem">
                         <a href="percy.html">Percy Jackson: Diebe im Olymp</a>
                     </h3>
@@ -50,7 +51,8 @@
                 </div>
                 <!--Second Item-->
                 <div id="secondItem" class="items">
-                    <img src="pictures/the_hundred_and_one_dalmatians.jpg" width="125" height="200"/> 
+                    <a href="dalmatians.html"><img src="pictures/the_hundred_and_one_dalmatians.jpg" width="125" height="200"/></a>
+
                     <h3 class="headerinItem">
                         <a href="dalmatians.html">The Hundred and One Dalmatians</a>
                     </h3>
@@ -65,7 +67,8 @@
 
                 <!--Third Item-->
                 <div id="thirdItem" class="items">
-                    <img src="pictures/penguin_highway.jpg" width="125" height="200"/> 
+                    <a href="penguin.html"><img src="pictures/penguin_highway.jpg" width="125" height="200"/></a>
+
                     <h3 class="headerinItem">
                         <a href="penguin.html">Penguin Highway</a>
                     </h3>
@@ -78,7 +81,8 @@
 
                 <!--fourth Item-->
                 <div id="fourthItem" class="items" >
-                    <img src="pictures/es.jpg" width="125" height="200"/> 
+                    <a href="es.html"><img src="pictures/es.jpg" width="125" height="200"/></a>
+
                     <h3 class="headerinItem">
                         <a href="es.html">Es</a>
                     </h3>