dans le html la photo vient après le <h1> donc c'est logique que si tu mets un float:right elle ne soit pas tout en haut mais après le titre. Donc il faut la mettre en premier dans le body.
Même problème pour le liseré.
- Edité par RaphaëlDuchemin 7 février 2017 à 8:24:07
Je commence sérieusement à douter de ma logique... 3 jours que je fais et refais mais je n'y suis toujours pas... Ça commence à être démotivant !
J'ai tout recommencer en suivant le schéma parce qu'il me semblait qu'avec ça je comprenais bien mais a priori toujours pas ! HELP !
Je veux pas forcément qu'on me donne la solution mais si jamais vous voyez les aberrations dans mon code, je veux bien un coup de main.
Finalement, les seuls choses qui se placent bien c'est mon <aside> et mon titre. Mais la photo est en plein milieu et les blocs texte sont les uns en dessous des autres...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="style-cv3.css">
<title>CV │ Sévrine MJC</title>
</head>
<body>
<div class="conteneur"> <!--Bloc page-->
<aside> <!--Bordure-->
<p>Employée dévouée, travailleuse et débrouillarde, je suis de retour d’une expatriation de 5 ans au Québec.</p>
<p>Ma grande polyvalence et ma capacité d’apprentissage m’ont permis d’évoluer d’un simple poste de commis administratif à celui de graphiste exécutante. Cette fonction m’a permis de confirmer mon plaisir à travailler en intégration web, photographie et retouches photos.</p>
<p>Cette expérience m’a donné l’opportunité d’évoluer et d’acquérir des compétences très variées dans un service marketing et communications dynamique.</p>
<p>Depuis mon retour, j’assure un poste de web marketer pour la même entreprise en télétravail et je souhaite maintenant aller vers de nouveaux défis.</p>
</aside>
<div> <!--Conteneur-->
<header> <!--Titre et photo-->
<h1>Sévrine MJC</h1>
<p>Graphiste │ Web Marketer à la recherche de nouveaux défis</p>
<a href="images/sevrine.jpg" target="_blank"><img src="images/sevrine_miniature.jpg" alt="Ma photo" title="Cliquez pour agrandir" id="images" /></a>
</header>
<div class="contenu"> <!--Conteneur de sections-->
<section>
<h3>Mes expériences</h3>
<ul>
<li><strong>De 2016 à 2017 :</strong> Web marketer spécialisée Inbound pour Fordia - Télétravail</li>
<li><strong>De 2011 à 2016 :</strong> Infographiste exécutante pour Fordia - Montréal, QC, Canada</li>
<li><strong>De 2007 à 2011 :</strong> Adjointe à la responsable boutique pour l'Aquarium Mare Nostrum - Montpellier</li>
</ul>
</section>
<section>
<h3>Mes compétences</h3>
<ul>
<li>InDesign CS6</li>
<li>Photoshop CS6</li>
<li>Illustrator CS6</li>
<li>Acrobat DC</li>
</ul>
</section>
<section>
<h3>Ma formation</h3>
<ul>
<li>Actuellement en formation certifiante, <a href="https://openclassrooms.com/">OpenClassrooms</a></li>
<li>Certification Inbound Marketing, <a href="http://academy.hubspot.com/">Hubspot Academy</a></li>
<li>Formation Photoshop, Alias Formation</li>
</ul>
</section>
</div>
</div>
</div>
</body>
</html>
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.