Tutoriel sans html [Résolu]

astrocurieux 190 Messages postés mardi 24 février 2015Date d'inscription 12 décembre 2017 Dernière intervention - 10 oct. 2017 à 21:30 - Dernière réponse : astrocurieux 190 Messages postés mardi 24 février 2015Date d'inscription 12 décembre 2017 Dernière intervention
- 11 oct. 2017 à 10:48
Bonjour,

je tente de suivre le tutoriel suivant : https://jtauber.github.io/articles/css-hexagon.html
mais je ne comprend pas comment mettre en place la partie html.
pouvez vous me faire un exemple avec la partie en perspective ?

merci de me venir en aide

Afficher la suite 

4 réponses

Répondre au sujet
elgazar 4351 Messages postés mercredi 30 octobre 2013Date d'inscription 15 décembre 2017 Dernière intervention - Modifié par elgazar le 11/10/2017 à 07:31
0
Utile
1
Bonjour
c'est une simple div sans contenu donc un code similaire a celui-ci suffit
<div id="madiv"> </div>

ensuite il faudra définir la div dans le code css comme ceci
#madiv {
height: 100px;
width: 100px;
border: 30px solid #999;
}


tu peux mettre les css soit dans un fichier css externe soit directement intégrés dans le code de ta page ce qui te donnera ceci (exemple très basique)
<!DOCTYPE html>
<html>
<head>
<style>
#madiv {
height: 100px;
width: 100px;
border: 30px solid #999;
}
</style>
</head>
<body>
<div id="madiv"> </div>
</body>
</html>


Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
astrocurieux 190 Messages postés mardi 24 février 2015Date d'inscription 12 décembre 2017 Dernière intervention - 11 oct. 2017 à 10:48
merci de l'aide c’était effectivement très simple
Commenter la réponse de elgazar
jordane45 19255 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 15 décembre 2017 Dernière intervention - 11 oct. 2017 à 07:46
0
Utile
1
Bonjour

Note au passage que le code html.... c'est celui de la page du tuto...
Un simple clic droit "inspecter" ... sur l'élément suffit.
Ou encore... ctrl+u pour voir le code source complet de la page...

(Le raccourci dépend du navigateur utilisé. ..)
astrocurieux 190 Messages postés mardi 24 février 2015Date d'inscription 12 décembre 2017 Dernière intervention - 11 oct. 2017 à 10:48
bien vue, je n'est pas encore les bon reflex face au html.
merci de ton aide
Commenter la réponse de jordane45