manon.livrozet
/
siteWeb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Correction de la page Images en html et css

Browse Source
master
Manon LIVROZET 3 years ago
parent ea5a39b2df
commit fcb313d0de
6 changed files with 82 additions and 39 deletions
Show Stats Download Patch File Download Diff File

5
DIW/css/stylefilms.css
Unescape View File

@ -1,6 +1,7 @@
h4{
p{
margin-left: 20px;
padding: 10px;
padding: 20px;
text-align: center;
}
table{

11
DIW/css/stylegen.css
Unescape View File

@ -101,6 +101,17 @@ header{
clear: left;
}
.scroll_to_top {
position: fixed;
width: 40px;
height: 40px;
bottom: 70px;
right: 30px;
}
.scroll_to_top img {
width: 40px;
}
.fin{
padding-top: 30px;
text-align: center;

19
DIW/css/styleimg.css
Unescape View File

@ -7,10 +7,22 @@ img{
background-color: rgb(190, 171, 255);
border: 1px solid black;
border-radius: 20px;
justify-content: space-around;
justify-content: space-evenly;
margin: 20px;
}
.scroll_to_top {
padding: none;
position: fixed;
width: 40px;
height: 40px;
bottom: 150px;
right: 100px;
}
.scroll_to_top img {
width: 40px;
}
figcaption{
visibility: hidden;
}
@ -71,4 +83,7 @@ figure {
align-items: center;
justify-content: space-around;
margin: 10px;
}
flex-flow: wrap;
}

2
DIW/css/stylevid.css
Unescape View File

@ -42,5 +42,5 @@ video:hover{
}
.fin{
margin-top: 230px;
padding-top: 50px;
}

4
DIW/formulaire.html
Unescape View File

@ -87,6 +87,10 @@
</form>
</div>
<div class="scroll_to_top">
<a href="#top"><img src="image/arrow.png" alt="Retourner en haut" /></a>
</div>
<div class="fin">
<p>Designed by LIVROZET Manon. All Rights Reserved.</p>
</div>

80
DIW/html/images.html
Unescape View File

@ -3,7 +3,7 @@
<html>
<head>
<meta charset="utf-8">
<meta charset="utf-8" name="viewport">
<link rel="stylesheet" href="../css/stylegen.css">
<link rel="stylesheet" href="../css/styleimg.css">
<title>Images</title>
@ -44,17 +44,17 @@
<img class="pays" src="../image/chatambulant4.jpg">
<figcaption>Portrait de Hauru et Sophie lors<br>de leur première rencontre<br>~ Le Chateau Ambulant</figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="pays" src="../image/totoro2.jpg">
<figcaption>Mei poursuivant deux petits<br> totoro dans un passage secret dans le jardin<br>~ Mon Voisin Totoro</figcaption>
<figcaption>Mei poursuivant deux petits<br> totoro dans un passage secret<br>dans le jardin<br>~ Mon Voisin Totoro</figcaption>
</figure>
<figure class="fig1">
<img class="pays" src="../image/chatambulant5.jpg">
<figcaption>Sophie tenant entre ses mains la<br> boule de feu Calcifer<br>~ Le Chateau Ambulant</figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="pays" src="../image/Totoro.jpg">
<figcaption>Première rencontre entre Satsuki,<br> Mei et Totoro à un arrêt de bus,<br> sous la pluie<br>~ Mon Voisin Totoro</figcaption>
@ -63,14 +63,9 @@
<img class="pays" src="../image/chatambulant3.jpg">
<figcaption>Hin, le chien de hauru, Marco<br> et l'épouvantail dans<br>la montagne<br>~ Le Chateau Ambulant</figcaption>
</figure>
<figure class="fig1">
<img class="affich" src="../image/chaciel.jpeg">
<figcaption>Affiche officielle du film<br>~ Le Chateau dans le Ciel</figcaption>
</figure>
<figure class="fig1">
<img class="pays" src="../image/chaciel2.jpg">
<figcaption>Plan dans les nuages du<br>Royaume cachée: Laputa<br>~ Le Chateau dans le Ciel</figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="pays" src="../image/kiki.jpg">
<figcaption>Plan de Kiki sur son balai<br> avec son chat Jii<br>~ Kiki la petite Sorcière</figcaption>
@ -79,10 +74,6 @@
<img class="affich" src="../image/kiki2.jpg">
<figcaption>Affiche officielle du film<br>~ Kiki la petite Sorcière</figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="pays" src="../image/luciole.jpg">
<figcaption>Seita avec sa petite soeur<br>Setsuko sous le feu<br>des bombardements<br>~ Le Tombau des Lucioles</figcaption>
@ -91,6 +82,9 @@
<img class="affich" src="../image/oreille.jpg">
<figcaption>Affiche officielle du film<br>~ Si tu tends l'oreille</figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="affich" src="../image/ponyo.jpg">
<figcaption>Affiche officielle du film<br>~ Ponyo sur la falaise</figcaption>
@ -104,15 +98,15 @@
<figcaption>Affiche officielle du film<br>~ Porco Rosso</figcaption>
</figure>
<figure class="fig1">
<img class="affich" src="../image/royaume.jpg">
<figcaption>Affiche officielle du film<br>~ Le Royaume des Chats</figcaption>
<img class="pays" src="../image/colline.jpg">
<figcaption>Shun et Umi appuyés sur<br> un vélo devant un restaurant<br>~ La Colline aux coquelicots</figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="pays" src="../image/colline.jpg">
<figcaption>Shun et Umi appuyés sur<br> un vélo devant un restaurant<br>~ La Colline aux coquelicots</figcaption>
<img class="affich" src="../image/royaume.jpg">
<figcaption>Affiche officielle du film<br>~ Le Royaume des Chats</figcaption>
</figure>
<figure class="fig1">
<img class="pays" src="../image/royaume2.jpg">
@ -123,9 +117,12 @@
<figcaption>Affiche officielle du film<br>~ Pompoko</figcaption>
</figure>
<figure class="fig1">
<img class="affich" src="../image/luciole2.jpg">
<figcaption>Affiche officielle du film<br>~ Le Tombeau des Lucioles</figcaption>
<img class="pays" src="../image/nausicaä2.jpg">
<figcaption>Nausicäa chevauchant un engin<br> volant accompagnée de son chat<br>~ Nausicäa de la Vallée du Vent </figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="pays" src="../image/oreille2.jpg">
<figcaption>Shizuku en train d'écrire dans<br> un livre, l'air concentré<br>~ Si tu tends l'oreille</figcaption>
@ -134,6 +131,14 @@
<img class="affich" src="../image/arrietty.jpg">
<figcaption>Affiche officielle du film<br>~ Arrietty le Petit Monde<br> des Chapardeurs</figcaption>
</figure>
<figure class="fig1">
<img class="pays" src="../image/chaciel2.jpg">
<figcaption>Plan dans les nuages du<br>Royaume cachée: Laputa<br>~ Le Chateau dans le Ciel</figcaption>
</figure>
<figure class="fig1">
<img class="affich" src="../image/chaciel.jpeg">
<figcaption>Affiche officielle du film<br>~ Le Chateau dans le Ciel</figcaption>
</figure>
</div>
<div class="col">
@ -145,15 +150,18 @@
<img class="affich" src="../image/vent2.jpg">
<figcaption>Affiche officielle du film<br>~ Le Vent se lève</figcaption>
</figure>
<figure class="fig1">
<img class="affich" src="../image/mononoké1.jpg">
<figcaption>Affiche officielle du film<br>~ Princesse Monoké</figcaption>
</figure>
<figure class="fig1">
<img class="pays" src="../image/mononoké2.jpg">
<figcaption>Plan des Komadas dans<br> la forêt<br>~ Princesse Mononoké</figcaption>
</figure>
<figure class="fig1">
<img class="affich" src="../image/mononoké1.jpg">
<figcaption>Affiche officielle du film<br>~ Princesse Monoké</figcaption>
</div>
<div class="col">
<figure class="fig1">
<img class="affich" src="../image/nausicaä.jpg">
<figcaption>Affiche officielle du film<br>~ Nausicäa de la Vallée<br> du Vent</figcaption>
</figure>
@ -161,17 +169,17 @@
<img class="pays" src="../image/arrietty2.jpg">
<figcaption>Affiche officielle du film<br>~ Arrietty le Petit Monde<br> des Chapardeurs</figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="pays" src="../image/pompoko2.jpg">
<figcaption>Rassemblement de Tanukis<br> dans la joie<br>~ Pompoko</figcaption>
</figure>
<figure class="fig1">
<img class="pays" src="../image/nausicaä2.jpg">
<figcaption>Nausicäa chevauchant un engin<br> volant accompagnée de son chat<br>~ Nausicäa de la Vallée du Vent </figcaption>
<img class="affich" src="../image/luciole2.jpg">
<figcaption>Affiche officielle du film<br>~ Le Tombeau des Lucioles</figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="pays" src="../image/porco.jpg">
<figcaption>Porco Rosso reparant<br> son avion<br>~ Porco Rosso</figcaption>
@ -184,13 +192,13 @@
<img class="pays" src="../image/vent.jpg">
<figcaption>Jiro embrassant sa femme<br>~ Le Vent <br>se lève</figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="pays" src="../image/chatambulant2.jpg">
<figcaption>Plan du Chateau Ambulant<br> se déplaçant dans les montagnes<br>~ Le Chateau Ambulant</figcaption>
</figure>
</div>
<div class="col">
<figure class="fig1">
<img class="affich" src="../image/colline2.jpg">
<figcaption>Affiche officielle du film<br>~ La Colline aux coquelicots</figcaption>
@ -209,6 +217,10 @@
</figure>
</div>
<div class="scroll_to_top">
<a href="#top"><img src="../image/arrow.png" alt="Retourner en haut" /></a>
</div>
<div class="fin">
<p>Designed by LIVROZET Manon. All Rights Reserved.</p>
</div>

Write Preview
Loading…
Cancel
Save