Alors en fait j'ai mis un fond de couleur au liseré. Il n'était pas précisé si il fallait mettre une image ou un fond de couleur, mais le résultat est le même il me semble ?
Dans mon navigateur le liseré s'affiche à gauche et j'ai mes "compétence" "expérience" etc alignés dans le sens horizontal avec la fonction flexbox. Mais peut-être que mon code fonctionne bien avec mon navigateur et mal avec d'autres ? c'est possible ça ? (j'utilise firefox).
Re-voici le code complet du coup :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="style.css">
<title>CV</title>
</head>
<body id="tst">
<!--liseré -->
<div id="lisere">
</div>
<div id="total">
<!--en tête-->
<header id="titre">
<h1>Alea Delavie</h1>
<h3><em>Alea Jacta Est, telle est la question</em></h3> <!--commentaire à la noix-->
<figure>
<a href="images/alea_maxi.jpg" title="Cliquez pour agrandir" target="_blank"><img src="images/alea_mini.jpg" alt="Photo d'Alea"/></a>
</figure>
</header>
<!--CORPS DU CV-->
<section id="conteneur">
<div class="element">
<p>
<h4>Mon expérience</h4>
<ul>
<li class="t"><strong>20/01/2015 au 10/08/2017 : </strong>Dresseuse de licornes</li>
<li class="t"><strong>30/02/2013 au 20/08/2015 : </strong>Photographe de dragons</li>
<li class="t"><strong>01/03/2011 au 30/08/2013 : </strong>Manager des chats de Tokyo </li>
</ul>
<br/>
</p>
</div>
<div class="element">
<p>
<h4>Mes compétences</h4>
<ul>
<li class="t">Management des animaux</li>
<li class="t">Photographie animalière</li>
<li class="t">Psychologie de la licorne</li>
</ul>
<br/>
</p>
</div>
<div class="element">
<p>
<h4>Ma formation</h4>
<ul>
<li class="t">Ecole professionnelle de dressage d'animaux ailés</li>
<li class="t">Baccalauréat en psychologie des licornes</li>
<li class="t">CAP management de félins</li>
<li class="t">OpenClassRoom - spécialisation fantastique</li>
</ul>
<br/>
</p>
</div>
</section>
<!--Pied de page-->
<footer id="footer">
<p>
<br/><br/>Copyright Alea - Tous droits réservés
<br/><a href="mailto:alea_delavie@gmail.com">Me contacter</a>
</p>
</footer>
</div>
</body>
</html>
Enfin dans tous les cas vous avez raison, dorénavant si je ne suis pas sûre de moi je posterai sur le forum, ne serais-ce que pour m'assurer que j'ai bien compris la consigne.
Merci à vous en tout cas ! Si vous avez d'autres commentaires à ajouter, n'hésitez pas ! Ce qui compte de toute façon n'est pas tant la note, mais la réussite concrète de ce type de structure.
Je n'avais pas vu que la largeur du liseré était définie (c'est moi qui suit allé un peu vite pour le coup ).
J'ai bien le liseré qui s'affiche et les sections affichées côte à côte.
Comme quoi, la réalisation est bonne et le code est bien écrit.
Il peut y avoir des différences d'affichage d'un navigateur à l'autre mais pas de cette ampleur sur un site aussi "basique".
D'ailleurs, vous pouvez essayer vos sites sur différents navigateurs si vous avez des doutes sur des projets plus complexes avec des propriétés css avancées par exemple.
Pour revenir à la question de départ, le site est bien réalisé donc si tout le monde vous a dit que rien ne fonctionnait vous vous êtes probablement trompé de .zip (ce qui est fort dommage), pensez à bien vérifier les prochains .
En fait je suis niveau dans ce groupe. Depuis incertaine j'y travail développement web tout seul et j'ai un problème comment on peut imbriqués le balise en HTML et css? Donc j'ai besoin de vos aides, svp
Il suffit de créer un dossier sur le bureau (écran d'accueil) de ton ordinateur, que tu nommeras comme tu veux, et dans lequel tu enregistreras tes différentes pages. Du coup, si tu as deux pages (avec, dans la première, des liens vers la seconde, et inversement), il faut que les deux fichiers soient enregistrés dans le même dossier.
Simplement pour l'HTML et le CSS ? Tu as AWD (IDE) sur Androïd, cela dit je ne sais pas ce que ça vaut.
Mais bon, si tu veux mon avis, il vaut mieux être sur PC, et là tu as pas mal de choix : notepad++, Geany, ...
Pour le php par contre, pour faire des sites dynamiques, il te faudra wampp ou xampp. Je ne sais pas s'il existe de version pour smartphone, de nouveau, ce n'est pas très pratique.
Bonjour à toutes et tous, J'ai un petit soucis concernant les flexbox (je mélange encore les propriétés les concernant) et plus précisément le chapitre "pratiquez" juste après.
Dans cet exercice on nous présente un texte, à nous de mettre en forme en CSS. Je m'emploie à faire ce que demande l'exercice et ça coince au moment de valider la dernière étape, Codey (ce satané robot ) refuse de valider, selon lui mon code ne remplit pas tous les prérequis... Hors je ne comprend pas où j'ai fail parce que visuellement je pense que je ne suis pas loin.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Le blog trotter</title>
</head>
<body>
<div id="topsection">
<header>
<h1>Le blog trotter</h1>
<p>Je parcours la planète... et vous la fais découvrir !</p>
</header>
<nav>
<ul id="menu">
<li><a href="#">Accueil</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Contact</a></li>
</nav>
</div>
<div id="articles">
<h1>La Chine</h1>
<p class="element_content">Bla bla bla bla Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla hendrerit mauris a ornare. Nam finibus ante id lacinia placerat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec metus mauris, imperdiet eget tincidunt rhoncus, venenatis id risus. Proin at est eu nibh faucibus faucibus non in magna. Ut iaculis quam nisi, eu efficitur justo eleifend lobortis. Etiam purus metus, feugiat non enim et, egestas volutpat lacus. Aenean id justo arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<p class="element_content">Phasellus dictum aliquam euismod. Donec orci augue, efficitur non nunc vel, tincidunt mattis nibh. Suspendisse ac ligula non mauris semper fermentum ut eget dui. Aliquam erat volutpat. Curabitur vulputate, nulla quis rhoncus volutpat, eros risus hendrerit massa, at suscipit tortor magna at diam. Phasellus tincidunt massa libero, id bibendum dui dapibus sed. Etiam nec risus eget nisl posuere ultrices. Ut sodales ante eget leo luctus molestie. Aenean vel urna in turpis rhoncus scelerisque. Etiam in nisi sapien.</p>
<h1>L'Espagne</h1>
<p class="element_content">Bla bla bla bla Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla hendrerit mauris a ornare. Nam finibus ante id lacinia placerat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec metus mauris, imperdiet eget tincidunt rhoncus, venenatis id risus. Proin at est eu nibh faucibus faucibus non in magna. Ut iaculis quam nisi, eu efficitur justo eleifend lobortis. Etiam purus metus, feugiat non enim et, egestas volutpat lacus. Aenean id justo arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<p class="element_content">Phasellus dictum aliquam euismod. Donec orci augue, efficitur non nunc vel, tincidunt mattis nibh. Suspendisse ac ligula non mauris semper fermentum ut eget dui. Aliquam erat volutpat. Curabitur vulputate, nulla quis rhoncus volutpat, eros risus hendrerit massa, at suscipit tortor magna at diam. Phasellus tincidunt massa libero, id bibendum dui dapibus sed. Etiam nec risus eget nisl posuere ultrices. Ut sodales ante eget leo luctus molestie. Aenean vel urna in turpis rhoncus scelerisque. Etiam in nisi sapien.</p>
</div>
<footer>
<p>Copyright Le Blog Trotter</p>
</footer>
</body>
</html>
je n'arrive pas à insérer une image pour mon exercice , je suis allée voir sur le forum j ai essayé ce qu'il y a de noté dans différentes réponses mais sans succé , est ce que quelqu'un peut m aider
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF_8" />
<title> exercice cv </title>
</head>
<body>
<h1><strong>Claire de Cordes </strong ></h1>
<p> formation pour reconvertion professionnelle</br>
<figure>
<a href="image/cv.jpg"><img src="image/cvmini.jpg"alt="ma photo"title="cliquez pour agrandir"/></a></p></br>
<figcaption> ma photo</figcation>
</figure></br>
<h2><strong>Mon experience</strong></h2>
<ul>
<li>2009 a 2018 assistante manager dans un commerce alimentaire </li>
<li>2000 a 2009 secretaire dans une idustrie de fabrication de fenetres</li>
<li>1995 a 2000 operatrice de saisie</li>
</ul>
<h2><strong>Mes competences</strong></h2>
<ul>
<li>saisie et mise en forme des documents</li>
<li>gestion des litiges clients</li>
<li>Devis et facturation</li>
</br>
</ul>
<h2><strong>Ma formation</strong></h2>
<p><ul><li> je suis autodidacte</li></ul> </p>
</body>
mon dossier html et mes photos sont dans un même dossier
A priori ton code est bon. Tu devrais afficher les extensions de tes fichiers (Windows ne le fait pas par défaut) et vérifier le nom de tes images ensuite.
Bénédicte
Bénédicte
Développeur PHP / Symfony en Freelance
WebLab