J'ai besoin de votre aide, je viens de commencer le cours HTML/CSS.
Mon ordinateur ne reconnaît pas le langage CSS lorsque celui ci est écrit dans un fichier séparé à l'HTML. Je sais que ce n'est pas une erreur de code comme j'ai pris celui de Mathieu dans son cours. Et mes deux fichiers sont enregistrés dans le même dossier.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Premiers tests du CSS</title>
</head>
<body>
<h1>Mon super site</h1>
<p>Bonjour et bienvenue sur mon site !</p>
<p>Pour le moment, mon site est un peu <em>vide</em>. Patientez encore un peu !</p>
</body>
</html>
Le CSS :
p
{
color: blue;
}
Et voilà le résultat :
Lorsque j'insère le CSS dans l'en-tête de mon fichier HTML cela fonctionne. Code de Mathieu :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
p
{
color: blue;
}
</style>
<title>Premiers tests du CSS</title>
</head>
<body>
<h1>Mon super site</h1>
<p>Bonjour et bienvenue sur mon site !</p>
<p>Pour le moment, mon site est un peu <em>vide</em>. Patientez encore un peu !</p>
</body>
</html>
Résultat :
Mes versions logicielles système sont à jour, Safari, Chrome aussi.
Avez-vous une idée du problème ? J'aimerai pouvoir utilisé la première méthode avec deux fichiers séparés et non de devoir à chaque fois le mettre dans l'en-tête.
@FarelN'Guessan1 BONJOUR, oui cela ce dit lorsque l'on s'adresse à quelqu'un ou à une communauté.
Pourriez vous poster le code que vous avez écrit (inséré sur le forum à l'aide du bouton code </> de la barre d'outil) et une capture écran de la hiérarchie de vos fichiers.
Bonjour, Évitez les caractères accentué pour les identifiants (bien que cette restriction aie été levée en HTML cela peut poser des problèmes).
Évitez les espaces dans les noms de fichiers ou de répertoire, sous Windows cela fonctionne bien, mais quand vous placerez votre site sur un serveur unix cela ne fonctionnera peut être plus.
Pour votre image, ce n'est pas une image, vous n'avez pas écrit son extension (.png, .gif, .jpeg etc... ). Écrivez le nom complet du fichier extension comprise. Si vous ne voyez pas l'extension dans l'explorateur de fichier afficher les.
PS : l’attribut alt sert à indiquer une description textuelle de l'image pour ceux qui ne les affiches pas ou pour les personnes qui utilisent un lecteur d'écran ; c'est utilisé également par les moteurs de recherche. Donc écrire une description comme si vous le feriez à une personne.
j'aurais besion d'aide sur mon code.css, il arrive a lire les <p></p>,<h></h> les balise simple mais des que j'utilise <p class="introduction" ou <span class="salutation" l'ordi comprend pas le message, j'ai l'impression qu'il comprend pas l'information en résumer .
Ctrl+o tu recherches ton fichier html dans ton arborescence et tu cliques dessus, sinon encore plus simple tu doubles clique sur ton fichier html tout simplement, s'il l'ouvre sur to. editeur un clique droit ouvrir avec fera l'affaire
<input id="EmailSubject" name="EmailSubject" type="hidden" value="Check out this page in {0} translated from {1}" /><input id="EmailBody" name="EmailBody" type="hidden" value="Translated: {0}%0d%0aOriginal: {1}%0d%0a%0d%0aAutomatic translation powered by Microsoft® Translator%0d%0ahttp://www.bing.com/translator?ref=MSTWidget" /><input id="ShareHelpText" type="hidden" value="This link allows visitors to launch this page and automatically translate it to {0}." />
<input id="EmailSubject" name="EmailSubject" type="hidden" value="Check out this page in {0} translated from {1}" /><input id="EmailBody" name="EmailBody" type="hidden" value="Translated: {0}%0d%0aOriginal: {1}%0d%0a%0d%0aAutomatic translation powered by Microsoft® Translator%0d%0ahttp://www.bing.com/translator?ref=MSTWidget" /><input id="ShareHelpText" type="hidden" value="This link allows visitors to launch this page and automatically translate it to {0}." />
<input id="EmailSubject" name="EmailSubject" type="hidden" value="Check out this page in {0} translated from {1}" /><input id="EmailBody" name="EmailBody" type="hidden" value="Translated: {0}%0d%0aOriginal: {1}%0d%0a%0d%0aAutomatic translation powered by Microsoft® Translator%0d%0ahttp://www.bing.com/translator?ref=MSTWidget" /><input id="ShareHelpText" type="hidden" value="This link allows visitors to launch this page and automatically translate it to {0}." />
Bonjour ci-joint un aperçu de mon cv que je suis entrain de faire pour m'entrainer car je débute.
En gros à gauche il y a deux balises aside avec du flex ca j'ai reussi.
Sauf que la j'aimerai aligner chaque ligne de chaque colonne entre eux ex " le logo et diplome "et et formation les dates" avec ce qui corespond en face et ca de façon automatique
Du coup je sais pas trop comment faire car déjà beaucoup de balise du coup je me suis dis peut une balise class avec align item mais ca fonctionne pas
Je sais pas si c'est possible sans le faire manuellement
Merci d'avance voici une partie du code html
<section id="diplome">
<aside id="diplome_date">
<img src="images/diplome.png" alt="logo_diplome" id="logo_diplome" class="diplome_formation">
<div id="date_diplome">
<p>2017-2018</p>
<p>2015-2017</p>
<p>2012-2015</p>
</div>
</aside>
<article id="titre_diplome">
<h1 class="diplome_formation">Diplômes et Formations</h1>
<h2>Bachelor Responsable de Transport Multimodal </h2>
<p>Promotrans Bruz, France</p>
<h2>BTS Transports et Prestations Logistiques</h2>
<p>Lycée Brocéliande Guer, France</p>
<h2>Bac Pro Logistique</h2>
<p>Lycée Bel Air Tinténiac, France</p>
</article>
</section>
<section id="form">
<aside id="experience">
<img src="images/experience.png" alt="logo_experience" id="logo_valise">
<div id="Exp_date">
<p>De juin 2021 à juillet 2022</p>
<p>D’octobre 2020 à juin 2021</p>
<p>De juillet 2020 à septembre 2020</p>
<p>D'octobre 2018 à août 2019</p>
<p>De juillet 2017 à août 2018</p>
</div>
</aside>
je viens vers vous concernant le temps de travail estimé du MOOC.
Il est spécifier que 20h de travail sont nécessaire pour réaliser le cour, parle t'on du temps d'exercice personnel, ou bien de la lecture du cour + les exercices proposé tout le long en mode "survol" ?
Pour clarifié ma pensée j'ai eu l'idée de me fabriquer un lexique, complet, et d'organiser mes recherches de formation sur Openclassroom pour mieux mémoriser les commandes proposé et par la même occasion, me permettre d'avoir une vue d'ensemble sur ma recherche de formation ( savoir laquelle me serait la plus adéquate ).
Que pensez vous de ma démarche concernant le lexique que je fabrique ? Est-il pertinent en dehors de l'exercices des fonctions de base (en HTML CSS) ?
Je profite de ce message pour savoir si vous auriez des lien utiles au perfectionnement de mon code .
le but n'est pas de mémoriser donc toute décision qui irait dans ce sens n'est pas forcément pertinent. Prendre le temps de tester chaque point et d'implémenter des choses toi même ( pas s'en tenir qu'aux exercices du cours) en faisant ça tu vas memoriser sans t'en rendre compte tout en prenant de bonnes habitudes.
Quand au temps qu'ils proposent je ne pense même pas que c'est une bonne idée de poser un temps ( chacun ayant son rythme d'apprentissage) donc je dirai de ne pas en tenir compte ( ils ont du le donné pour que tu te fasses une idée ce n'est pas à prendre à la lettre)
> Je profite de ce message pour savoir si vous auriez des lien utiles au perfectionnement de mon code
Je n'en ai pas vraiment mais une bonne habitude à prendre surtout si tu débutes c'est de passer ton code html et css aux validators pour vérifier que c'est correct ( on peut écrire du mauvais html / css)
Ça t'aidera aussi à progresser. Pour finir le perfectionnement selon moi se fait en testant encore et toujours.
J'ai essayé de télécharger une police Amble sur le site font squirrel comme l'indique dans la vidéo. Mais dans le dossier, il n'y a pas de stylesheet.css.
Mon navigateur est EDGE. Il y a bien un fichier stylesheet. Mais, je n'arrive pas à l'ouvrir avec Sublime Text.
Merci pour la réponse mais est il normal qu'il n'y a que la phrase C'est un petit pas pour l'homme, mais un bond de géant pour l'humanité. qui s'affiche sur le site et dans cet exemple quel serait le code entier ? car quand je vais sur le site que vous me donnez je suis un peu perdu même après plusieurs tests
yasakani no magatama
yasakani no magatama
yasakani no magatama
yasakani no magatama
<textarea id="BFI_DATA" style="width: 1px; height: 1px; display: none;" />
<textarea id="BFI_DATA" style="width: 1px; height: 1px; display: none;" />
<input id="TnITTtw-never-translate-lang" style="display: none;" type="checkbox" /><label class="TnITTtw-never-translate-lang-label" style="display: none;" for="TnITTtw-never-translate-lang">Ne jamais traduire Albanais</label>
<input id="TnITTtw-never-translate-site" style="display: none;" type="checkbox" /><label class="TnITTtw-never-translate-site-label" style="display: none;" for="TnITTtw-never-translate-site">Ne jamais traduire openclassrooms.com</label>
<textarea id="BFI_DATA" style="width: 1px; height: 1px; display: none;" />
yasakani no magatama