From 7bc0c88705516e6854ff073e87372f8c61cbbe71 Mon Sep 17 00:00:00 2001 From: Emmanuel Srivastava Date: Wed, 11 Dec 2024 11:49:08 +0100 Subject: [PATCH] update --- DEV.1.2/tp2/ex6.html | 20 ++++++++++++++++++ DEV.1.2/tp2/style_ex6.css | 9 ++++++++ DEV.1.2/tp3/ex1.html | 22 ++++++++++++++++++++ DEV.1.2/tp3/ex2.html | 18 ++++++++++++++++ DEV.1.2/tp3/ex3.html | 18 ++++++++++++++++ DEV.1.2/tp3/style_ex1.css | 18 ++++++++++++++++ DEV.1.2/tp3/style_ex2.css | 44 +++++++++++++++++++++++++++++++++++++++ DEV.1.2/tp3/style_ex3.css | 19 +++++++++++++++++ 8 files changed, 168 insertions(+) create mode 100644 DEV.1.2/tp2/ex6.html create mode 100644 DEV.1.2/tp2/style_ex6.css create mode 100644 DEV.1.2/tp3/ex1.html create mode 100644 DEV.1.2/tp3/ex2.html create mode 100644 DEV.1.2/tp3/ex3.html create mode 100644 DEV.1.2/tp3/style_ex1.css create mode 100644 DEV.1.2/tp3/style_ex2.css create mode 100644 DEV.1.2/tp3/style_ex3.css diff --git a/DEV.1.2/tp2/ex6.html b/DEV.1.2/tp2/ex6.html new file mode 100644 index 0000000..4ac5224 --- /dev/null +++ b/DEV.1.2/tp2/ex6.html @@ -0,0 +1,20 @@ + + + + + + Exercice 6 + + + + + + + + + + + +
+ + diff --git a/DEV.1.2/tp2/style_ex6.css b/DEV.1.2/tp2/style_ex6.css new file mode 100644 index 0000000..a54f611 --- /dev/null +++ b/DEV.1.2/tp2/style_ex6.css @@ -0,0 +1,9 @@ +table { + border-collapse: collapse; +} +td { + border:1px solid black; + width:50px; + height:50px; +} + diff --git a/DEV.1.2/tp3/ex1.html b/DEV.1.2/tp3/ex1.html new file mode 100644 index 0000000..68e18ca --- /dev/null +++ b/DEV.1.2/tp3/ex1.html @@ -0,0 +1,22 @@ + + + + + + Exercice 1 + + + +

Mes films préférés de Clint Eastwood

+ + + \ No newline at end of file diff --git a/DEV.1.2/tp3/ex2.html b/DEV.1.2/tp3/ex2.html new file mode 100644 index 0000000..b18a6c6 --- /dev/null +++ b/DEV.1.2/tp3/ex2.html @@ -0,0 +1,18 @@ + + + + + Exercice 2 + + + + + +
+
+
+ +
+
+ + diff --git a/DEV.1.2/tp3/ex3.html b/DEV.1.2/tp3/ex3.html new file mode 100644 index 0000000..9deb615 --- /dev/null +++ b/DEV.1.2/tp3/ex3.html @@ -0,0 +1,18 @@ + + + + + Exercice 3 + + + + + + + diff --git a/DEV.1.2/tp3/style_ex1.css b/DEV.1.2/tp3/style_ex1.css new file mode 100644 index 0000000..4186649 --- /dev/null +++ b/DEV.1.2/tp3/style_ex1.css @@ -0,0 +1,18 @@ +/* styles.css */ +ul { + list-style-type: none; /* Supprime les puces de la liste */ + padding: 0; /* Enlève le padding par défaut du conteneur de liste */ +} + +li { + background-color: #f0f0f03a; /* Couleur de fond pour le rectangle */ + margin: 10px 0; /* Espace entre les éléments */ + padding: 10px; /* Espace intérieur dans chaque rectangle */ + border: 1px solid #ccc; /* Bordure pour le rectangle */ + font-style: normal; /* Style de texte normal par défaut */ + border-radius: 5px; /* Coins légèrement arrondis */ +} + +li:nth-child(even) { + background-color: #e0e0e0; /* Couleur légèrement différente pour les éléments pairs */ +} diff --git a/DEV.1.2/tp3/style_ex2.css b/DEV.1.2/tp3/style_ex2.css new file mode 100644 index 0000000..c9f238b --- /dev/null +++ b/DEV.1.2/tp3/style_ex2.css @@ -0,0 +1,44 @@ +main { + --main-height : 400px; + --main-width : 400px; + position : relative; + width : var(--main-width); + height : var(--main-height);; + background-color : yellow; + border-radius : 10px; + border: 4px solid red; + margin:auto; +} +section { + position : absolute ; + top : calc(var(--main-height) / 4 ); + right:calc(var(--main-width) / 5); + width : calc(var(--main-height) / 4); + height : calc(var(--main-height) / 4); + height : calc(var(--main-height) / 4); + border-radius : calc(var(--main-height) / 4); + background-color : red; + +} + +aside { + position : absolute ; + top : calc(var(--main-height) / 4 ); + left:calc(var(--main-width) / 5); + width : calc(var(--main-height) / 4); + height : calc(var(--main-height) / 4); + height : calc(var(--main-height) / 4); + border-radius : calc(var(--main-height) / 4); + + background-color : red; +} +footer { + position : absolute; + bottom : calc(var(--main-height) / 8 ); + --tmp-left : calc(var(--main-width) / 5); + left : var(--tmp-left); + height : calc(var(--main-height) / 6); + width : calc(var(--tmp-left) * 3 ); + background-color : red; +} + diff --git a/DEV.1.2/tp3/style_ex3.css b/DEV.1.2/tp3/style_ex3.css new file mode 100644 index 0000000..db7d3cc --- /dev/null +++ b/DEV.1.2/tp3/style_ex3.css @@ -0,0 +1,19 @@ +ul +{ + list-style-type: none; + padding: 0; + margin: 0; + display: inline-flex; + justify-content: center; + align-items: center; + height: 80vh; + width: 100%; +} + +ul li { + margin: 0 100px; +} + +ul img { + height: 200px; +} \ No newline at end of file