Signaler

Tutoriel sans html [Résolu]

Posez votre question astrocurieux 166Messages postés mardi 24 février 2015Date d'inscription 17 octobre 2017 Dernière intervention - Dernière réponse le 11 oct. 2017 à 10:48 par astrocurieux
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

Utile
+0
plus moins
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>


astrocurieux 166Messages postés mardi 24 février 2015Date d'inscription 17 octobre 2017 Dernière intervention - 11 oct. 2017 à 10:48
merci de l'aide c’était effectivement très simple
Répondre
Donnez votre avis
Utile
+0
plus moins
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 166Messages postés mardi 24 février 2015Date d'inscription 17 octobre 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
Répondre
Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !