2123174
/
Candle
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Titel der Bücher sind jetzt klickbare links

master_stand_10_05_23
Sebastian Greil 2023-05-16 22:33:36 +02:00
parent 008151333f
commit 913ea8b07e
3 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
buecher.html
View File

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

14
meinebuecher.html
View File

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

5
style.css
View File

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