J'essaie depuis près d'une heure d'insérer une image mais sans succès. J'ai tout vérifié mais rien n'y fait. Quelqu'un voit-il d'où pourrait venir le problème ?
je suis actuellement en train d'essayer de conclure l'excercice de la semaine 3 (à savoir organiser son CV).
Mais je galère pas mal avec flexbox. J'ai réussi à régler quelques soucis en regardant des vidéos YT, créer ma side bar etc
MAIS je n'arrive plus à donner de directives ni )à mon "header", ni aux "section".
Quelqu'un pourrait m'expliquer ce qui clôche ? Merci d'avance !
Code HTML :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>I am Stella Lancaster</title>
<link rel="stylesheet" href="style2.css">
</head>
<!-- Entête du CV -->
<body>
<div class="elements">
<div class="sidebar"><aside>
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">CV</a></li>
</ul>
</aside></div>
<div class="body">
<header>
<h1> Stella Lancaster</h1>
<p> Give computer science a shot. It's okay if you don't like it, or end up doing something else. But <em>you never know</em> unless you dedicate serious time dans effort to trying.</p>
<p><a href="img/moi_grnd.jpg"><img src="img/moi_mini.jpg" class="imageflottante" alt="Photo de moi" title="Cliquez pour agrandir" /></a></p>
</header>
<div class="section">
<section>
<h2> Mon expérience </h2>
<ul>
<li><strong>De 1999 à 2007</strong> : créatrice du site Cooking with dog</li>
<li><strong>De 2007 à 2013</strong> : création de Funny IT, start-up éditrice du site Cooking with dog. Lancement d'une collection de livres. Évolution du site jusqu'à & millions de visiteurs par mois, avec 15 employés.</li>
<li><strong>De 2014 à aujourd'hui</strong> : transformation de Funny IT et du site Cooking with dog en une marque unique et globale, OpenKitchens. Internationalisation, lancement de cours vidéo, d'une collection d'eBooks à la demande et de certificats en ligne.</li>
</ul>
</section>
<section>
<h2> Mes compétences</h2>
<ul>
<li>HTML5 et CSS</li>
<li>PHP (certificat OpenClassroom)</li>
<li>SQL</li>
<li>Piano (niveau expert)</li>
</ul>
</section>
<section>
<h2> Ma formation</h2>
<ul>
<li> École Codding4LiFe basée sur Torronto.</li>
<li> Apprentissage en autodidacte.</li>
</ul>
</section>
</div>
</body>
</div>
</html>
@Zoki_Marciano Merci pour l'aide apportée ! Puisque ça ne fonctionnait toujours pas, et que ça fait un moment que je bloquais là dessus, j'ai revu le foncitonnement de flexbox à 0.
Finalement, après avoir lu l'explication de ce site https://la-cascade.io/flexbox-guide-complet/ , j'ai mieux "compris" la logique. Je ne dis pas que mon code est génial mais ça fonctionne :')
Mon nouveau HTML :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>I am Stella Lancaster</title>
<link rel="stylesheet" href="style2.css">
</head>
<!-- Entête du CV -->
<body>
<div class="elements">
<div class="sidebar"><aside>
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">CV</a></li>
</ul>
</aside></div>
<div class="main">
<header>
<p><a href="img/moi_grnd.jpg"><img src="img/moi_mini.jpg" class="imageflottante" alt="Photo de moi" title="Cliquez pour agrandir" /></a></p>
<h1> Stella Lancaster</h1>
<p> Give computer science a shot. It's okay if you don't like it, or end up doing something else. But <em>you never know</em> unless you dedicate serious time dans effort to trying.</p>
</header>
<div class="section">
<section>
<h2> Mon expérience </h2>
<ul>
<li><strong>De 1999 à 2007</strong> : créatrice du site Cooking with dog</li>
<li><strong>De 2007 à 2013</strong> : création de Funny IT, start-up éditrice du site Cooking with dog. Lancement d'une collection de livres. Évolution du site jusqu'à & millions de visiteurs par mois, avec 15 employés.</li>
<li><strong>De 2014 à aujourd'hui</strong> : transformation de Funny IT et du site Cooking with dog en une marque unique et globale, OpenKitchens. Internationalisation, lancement de cours vidéo, d'une collection d'eBooks à la demande et de certificats en ligne.</li>
</ul>
</section>
<section>
<h2> Mes compétences</h2>
<ul>
<li>HTML5 et CSS</li>
<li>PHP (certificat OpenClassroom)</li>
<li>SQL</li>
<li>Piano (niveau expert)</li>
</ul>
</section>
<section>
<h2> Ma formation</h2>
<ul>
<li> École Codding4LiFe basée sur Torronto.</li>
<li> Apprentissage en autodidacte.</li>
</ul>
</section>
</div>
</div>
</body>
</html>
- J'ai mis le contenu de .main en colonne pour forcer les élements à se mettre en dessous de mon header.
- J'ai ajouté une "taille" aux éléments de ma section pour donner de l'espace à répartir à la commande flex. Après ça, les indications de .section fonctionnaient comme sur des roulettes.
Bonsoir, j'essaie de changer la couleur de mon texte mais sans réussite depuis un moment. Je vous joins les photos de mon code html et css. Si quelqu'un pouvait me dire ce qui cloche ce serait top !
je pense aussi que c'est bien la balise titre qui bloque ton code;
de plus si le problème persiste je te conseille de bien faire attention, parfois on a tendance à tester le code dans le navigateur sans sauvegarder. Appuis sur ctrl+s a chaque fois que tu veux passer au nav c'est bête mais ça arrive.
Tout d'abord merci et bravo pour la qualité du site et des cours. Je suis totalement débutant et j'aurai une question basique à vous soumettre :
- Lorsque j'écris les 2 lignes suivantes
1 Salut !
2 Comment ça va ?
- Avec un enregistrement sous UTF-8 via Sublime text, le caractère "ç" se converti en "ça" depuis Firefiox ou IE
- En enregistrant sous UTF-8 with BOM (tout à fait par hasard), j'obtiens le bon caractère
Du coup, par rapport au cours qui indique qu'il est recommandé d'utiliser la méthode d'encodage UTF-8, dois-je l'utiliser avec ou sans BOM ?
Merci par avance pour votre aide et éclairage.
Mynos92
salut en fait l'encodage indiquer sur le cour se met dans la balise <meta> sur head donc pas lors de l'enregistrement et pous l'enregistrer moi j'utilise enregistrer sous avec le nom.html en utf-8 mais si cela marche autrement pour toi sache que c'est une bonne nouvelle de faire que tu nous apprend en étant débutant donc d'autres pourront se réferrer à toi pour s'améliorer
Hello, merci beaucoup pour ta réponse. J'en déduis donc que je peux continuer à utiliser UTF-8 with BOM pour continuer à suivre les cours et mettre en application.
La question que vous posez est très fréquente, cela démontre un manque de recherche évident. Internet et ce forum fourmillent de ressources répondant à votre besoin.
Je vous invite à effectuer de vraies recherches qui sont à la base d'un bon apprentissage…
J'ai une question : dans le chapitre créer des liens, à la fin il y a une indication pour créer un lien de téléchargement. J'ai essayé et je n'arrive pas à faire fonctionner le lien. Le fichier qui doit s'appeler fichier.zip doit-il être en format zip ? Parce que j'ai testé avec un pdf et une image et je n'ai pas réussi à activer le téléchargement.
Si quelqu'un voit mon message et peut m'aider, je l'en remercie d'avance.
<BND8G>