Exercice 4 - Fiche

Kietah
(Elle/elle)

Admin

Onglet 1

Illustration : Exercice 4 - Fiche - Ori 196b41af2443f02a6a9a2ed9ce01c564

Pseudo : Kietah

Attributs : CC : 15
CT : 4
Mag : 10
End : 14
For : 10
Perc : 10
Ag : 9
Vol : 17
Ch : 9

Messages : 23

Date d'inscription : 14/11/2020

Onglet 2

Onglet 3

https://developer.mozilla.org/fr/docs/Web/CSS/:nth-child

Sam 14 Nov - 14:14

Lien de l'exercice : ici !

Spoiler:

Kietah
(Elle/elle)

Admin

Onglet 1

Illustration : Exercice 4 - Fiche - Ori 196b41af2443f02a6a9a2ed9ce01c564

Pseudo : Kietah

Attributs : CC : 15
CT : 4
Mag : 10
End : 14
For : 10
Perc : 10
Ag : 9
Vol : 17
Ch : 9

Messages : 23

Date d'inscription : 14/11/2020

Onglet 2

Onglet 3

Sam 14 Nov - 14:32

Code tel qu'affiché sur Code pen.

CSS :

Spoiler:

HTML :

Spoiler:

Code:: <div style="background-color:#EAE9EB"> <div class="fiche_header"> <h1 class="titreexquatre">Un joli titre ici</h1> <h2 class="titreexquatre">Et un petit sous titre pour faire beau</h2> </div> <div class="fiche_boder"><table class="table_corps" id="objet1"> <tr> <td rowspan="2" class="table_image"><img src="https://" alt="Image 100*100" class="image"/></td> <td class="table_titre">Nom créature ou objet</td> </tr> <tr> <td><p class ="table_content">Description du monstre ou de l'objet ici.</p></td> </tr> </table> <table class="table_corps" id="objet2"> <tr> <td rowspan="2" class="table_image" class="image"><img src="https://" alt="Image 100*100"/></td> <td class="table_titre">Nom créature ou objet.</td> </tr> <tr> <td><p class ="table_content">Description du monstre ou de l'objet ici.</p></td> </tr> </table> <table class="table_corps" id="objet3"> <tr> <td rowspan="2" class="table_image" class="image"><img src="https://" alt="Image 100*100"/></td> <td class="table_titre">Nom créature ou objet.</td> </tr> <tr> <td><p class ="table_content">Description du monstre ou de l'objet ici.</p></td> </tr> </table> <table class="table_corps" id="objet4"> <tr> <td rowspan="2" class="table_image" class="image"><img src="https://" alt="Image 100*100"/></td> <td class="table_titre">Nom créature ou objet.</td> </tr> <tr> <td><p class ="table_content">Description du monstre ou de l'objet ici.</p></td> </tr> </table> <table class="table_corps" id="objet5"> <tr> <td rowspan="2" class="table_image" class="image"><img src="https://" alt="Image 100*100"/></td> <td class="table_titre">Nom créature ou objet.</td> </tr> <tr> <td><p class ="table_content">Description du monstre ou de l'objet ici.</p></td> </tr> </table> <div class="fiche_footer"></div> </div> </div>

Kietah
(Elle/elle)

Admin

Onglet 1

Illustration : Exercice 4 - Fiche - Ori 196b41af2443f02a6a9a2ed9ce01c564

Pseudo : Kietah

Attributs : CC : 15
CT : 4
Mag : 10
End : 14
For : 10
Perc : 10
Ag : 9
Vol : 17
Ch : 9

Messages : 23

Date d'inscription : 14/11/2020

Onglet 2

Onglet 3

Sam 14 Nov - 14:34

Code tel qu'affiché sur forumactif :

Spoiler:

Code:: <!DOCTYPE html><html><head><meta charset="utf-8" /><title>KIETAH - Exercice 4 - Fiche - Ori</title><div style="background-color:#EAE9EB"> <style type="text/css">.fiche_header{margin: 5px auto;width:489px;background-color:#a3a3c7;border: 1px solid #ffffff;outline: 5px solid #a3a3c7;text-align:center;text-transform:uppercase;font-weight:normal;font-family:Tahoma;color:#ffffff;}h1.titreexquatre{font-weight:normal;font-size:14px;color:#ffffff;}h2.titreexquatre{margin-top:-6px;font-weight:normal;font-size:11px;color:#ffffff;}.fiche_boder{margin: 10px auto;padding-top:5px;width:500px;height:auto;background-color:#ffffff;}.table_corps{width:inherit;border-spacing:20px 8px;text-align:justify;font-weight:normal;font-family:Tahoma;font-size:10px;}.table_image{width:110px;height:110px;outline: 5px solid #a3a3c7; background-color:#a3a3c7;white-space:pre-line;text-align:center;text-transform:uppercase;color:#ffffff;}.image{object-fit: cover;width:100px;height:100px;}.table_titre{height:17px;background-color:#a3a3c7;border: 1px solid #ffffff;outline: 5px solid #a3a3c7;text-align:center;text-transform:uppercase;font-size:12px;color:#ffffff;}p.table_content{vertical-align:top;height:65px;white-space:pre-line;overflow-y:auto;}.fiche_footer{vertical-align:bottom;margin-top:10px;height:15px;background-color:#a3a3c7;content:"";}</style></head> <body><div class="fiche_header"><h1 class="titreexquatre">Un joli titre ici</h1><h2 class="titreexquatre">Et un petit sous titre pour faire beau</h2></div><div class="fiche_boder"><table class="table_corps" id="objet1"><tr><td rowspan="2" class="table_image"><img src="https://" alt="Image 100*100" class="image"/></td><td class="table_titre">Nom créature ou objet</td></tr><tr><td><p class ="table_content">Description du monstre ou de l'objet ici.</p></td></tr></table> <table class="table_corps" id="objet2"><tr><td rowspan="2" class="table_image" class="image"><img src="https://" alt="Image 100*100"/></td><td class="table_titre">Nom créature ou objet.</td></tr> <tr><td><p class ="table_content">Description du monstre ou de l'objet ici.</p></td></tr></table> <table class="table_corps" id="objet3"><tr><td rowspan="2" class="table_image" class="image"><img src="https://" alt="Image 100*100"/></td><td class="table_titre">Nom créature ou objet.</td></tr> <tr><td><p class ="table_content">Description du monstre ou de l'objet ici.</p></td></tr></table> <table class="table_corps" id="objet4"><tr><td rowspan="2" class="table_image" class="image"><img src="https://" alt="Image 100*100"/></td><td class="table_titre">Nom créature ou objet.</td></tr> <tr><td><p class ="table_content">Description du monstre ou de l'objet ici.</p></td></tr></table> <table class="table_corps" id="objet5"><tr><td rowspan="2" class="table_image" class="image"><img src="https://" alt="Image 100*100"/></td><td class="table_titre">Nom créature ou objet.</td></tr> <tr><td><p class ="table_content">Description du monstre ou de l'objet ici.</p></td></tr></table><div class="fiche_footer"></div></div></div></head></body>

Contenu sponsorisé
(Elle/elle)

Onglet 1

Onglet 2

Onglet 3

	Nom créature ou objet
	Description du monstre ou de l'objet ici.

	Nom créature ou objet.
	Description du monstre ou de l'objet ici.

Exercice 4 - Fiche - Ori

Un joli titre ici

Et un petit sous titre pour faire beau

Exercice 4 - Fiche - Ori