Titel der Bücher sind jetzt klickbare links

buecher.html

@@ -31,10 +31,11 @@
         </header>
         <div class="containerofbuecher">
             <p id="büchertitel">Bücher</p>
-            <div id="firstItem" class="items" >
+                <!--First Item-->
+                <div id="firstItem" class="items" >
                 <img src="pictures/percy_jackson_diebe_im_olymp.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        Percy Jackson: Diebe im Olymp
+                        <a href="percy.html">Percy Jackson: Diebe im Olymp</a>
                     </h3>
                     <p class="discinItem">Verfasser: Rick Riordan <br> 
                         Erscheinungsjahr: 2010 <br>
@@ -44,13 +45,13 @@
                     <a class="greenbutton"  href="percy.html">Verfügbar</a>
                     <a class="binPicture" href=""><img src="pictures/shopping_cart.png" width="25" height="25"></a>
                     <hr style="width: 92%;">
-
                 </div>
+
                 <!--Second Item-->
                 <div id="secondItem" class="items">
                     <img src="pictures/the_hundred_and_one_dalmatians.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        The Hundred and One Dalmatians
+                        <a href="dalmatians.html">The Hundred and One Dalmatians</a>
                     </h3>
                     <p class="discinItem">Verfasser: Dodie Smith <br> 
                         Erscheinungsjahr: 2015 <br>
@@ -67,7 +68,8 @@
                 <div id="thirdItem" class="items">
                     <img src="pictures/penguin_highway.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        Penguin Highway
+                        <a href="penguin.html">Penguin Highway</a>
+
                     </h3>
                     <p class="discinItem">Verfasser: Tomihiko Morimi <br> 
                         Erscheinungsjahr: 2019 <br>
@@ -84,7 +86,7 @@
                 <div id="fourthItem" class="items" >
                     <img src="pictures/es.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        Es
+                        <a href="es.html">Es</a>
                     </h3>
                     <p class="discinItem">Verfasser: Stephen King <br> 
                         Erscheinungsjahr: 2011 <br>

meinebuecher.html

@@ -32,11 +32,11 @@
         </header>
         <div class="containerofmeinebuecher">
             <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"/> 
+                <!--first item-->
+                <div id="firstItem" class="items" >
+                    <img src="pictures/percy_jackson_diebe_im_olymp.jpg" width="125" height="200"/>
                     <h3 class="headerinItem">
-                        Percy Jackson: Diebe im Olymp
+                        <a href="percy.html">Percy Jackson: Diebe im Olymp</a>
                     </h3>
                     <p class="discinItem">von Rick Riordan <br> 
                         </p>
@@ -50,7 +50,7 @@
                 <div id="secondItem" class="items">
                     <img src="pictures/the_hundred_and_one_dalmatians.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        The Hundred and One Dalmatians
+                        <a href="dalmatians.html">The Hundred and One Dalmatians</a>
                     </h3>
                     <p class="discinItem">von Dodie Smith <br> 
                         </p>
@@ -65,7 +65,7 @@
                 <div id="thirdItem" class="items">
                     <img src="pictures/penguin_highway.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        Penguin Highway
+                        <a href="penguin.html">Penguin Highway</a>
                     </h3>
                     <p class="discinItem">von Tomihiko Morimi <br> 
                     </p>
@@ -78,7 +78,7 @@
                 <div id="fourthItem" class="items" >
                     <img src="pictures/es.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        Es
+                        <a href="es.html">Es</a>
                     </h3>
                     <p class="discinItem">von Stephen King <br> 
                         </p>

style.css

@@ -755,6 +755,11 @@ left: 0px;
   width: 100%;
   height: 66%;
 }
+
+.headerinItem a {
+  text-decoration: none;
+  color: initial;
+}
 .containerofbuecher{
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */