Bonjour,

Je travaille sur un fichier html et je m'aide des tutoriels grafikart mais je n'arrive pas du tout à coder les sections ci dessous, malgré plusieurs essais...
Pourriez-vous m'aider svp ?

[(https://zupimages.net/viewer.php?id=21/11/p0m7.png)]

Merci beaucoup !

12 réponses


Utilises flexbox et grid.

FLEXBOX

Émeline
Auteur

c'est vraiment pas fait pour moi tout ces trucs ... c'est une horreur !
J'ai essayé de faire mon html au mieux mais je n'arrive pas à retranscrire mon css, je pense que cela vient des propriétés de mon html.
Enfin je m'explique, imaginons j'ai une div class "testimonial" quand je veux retoucher cette partie de mon html avec mon css, j'inscris dans mon fichier .testimonial qu'après je retouche mais rien ne se passe...jamais.

Tu as lié ton fichier css à ton html ?

Émeline
Auteur

Oui oui bien sûr mais j'y comprends tellement rien que je fais des essais dans tout les sens pour voir les possibilités qui s'offrent à moi mais ça fonctionne pas très bien... Y'a des choses que je comprends mieux notamment grâce aux vidéos grafikar que m'avait conseillé Curvata (je pense avoir fait un html correcte) mais il y a d'autres choses que je ne comprends pas (notamment le css du coup...!).
Puis c'est surtoût que le fichier que je dois reproduire est très dur et nous avons eu 3 cours en tout, à distance avec peu de pratique donc... surtout que de nature je ne m'intéresse pas au codage donc je pars réellement de 0. Je n'ai personne dans mon entourage qui tâte bien ce domaine donc j'essaie d'obtenir un peu d'aide sur des forums.

Je comprends ..
Alors basiquement, il faut déjà que tu sois sûre que ton fichier css est bien chargé, tu peux par exemple y mettre :
body, html {
background: red !important;
}

tu devrais avoir un fond rouge dégueulasse sur toute ta page, si ce n'est pas le cas, ton css ne doit pas être chargé.

Après, si tu ne comprends rien du tout au css, partir sur une maquette un peu tendu, en utilisant Flexbox ou Css grid .. ça peut être un peu tendu.
Il n'y a personne pour t'aider dans tes cours ? On te demande de faire une maquette sans aucune explication ?

Émeline
Auteur

Oui ça fonctionne.

En fait on a eu un cours 2 cours html + css où on avait déjà dû produire quelque chose d'assez simple puis ensuite on a fait des exercices directement en classe mais c'est très compliqué de suivre à distance (puis entre nous c'est quand même un peu du chinois ce langage) avant d'avoir ce fameux fichier à faire pour terminer notre module...
On est tous largués dans ce cours...
Les explications données sont de reproduire une maquette format html + css, voilà :)

Tu fais quoi comme formation ?

Émeline
Auteur

Spécialisation en communication & marketing digital

Très hônnetement, ça va être un peu chaud de t'expliquer par écrit si on doit partir du début pour t'apprendre ce "chinois" ;)
Si ton fichier css est chargé c'est déjà bien.
Après en fonction de l'exercice, on ne te demande peut être pas de faire du responsive, et peut être que FLEXBOX et CSS GRID sont un peu avancés pour le niveau demandé. (Même si je trouve que FLEXBOX est très facile d'accès, en tout cas pour les rudiments)

En vrai, comme te le conseillai Curvata, regarde le lien qu'il t'a donné, matte toi les vidéos html et css, tu devrais pouvoir en sortir quelque chose de cool.

pour comprendre les bases du css html va faire un tour sur openclassroom.
En quelques heures ils t'expliquent à ton rythme les rudiments des ces deux langages.
Et perso je trouve grid plus facile d'approche que flexbox meme si ce dernier est indispensable en

Bonsoir,
J'ajouterais un léger détails au fait que le css n'est peu-être pas chargé .... le cache
Mets toi en navigation privé, tu seras sur de voir les changement

Bonsoir.

pour comprendre les bases du css html va faire un tour sur openclassroom.

Il y a une formation et des tutoriels sur le HTML et le CSS sur le site actuel, donc inutile de le renvoyer sur une autre site pour ce qui peut être trouvé ici même.
Si encore les tutoriels et formations de Grafikart étaient mal réalisés, je comprendrais, mais c'est loin d'être le cas au contraire.