Partage

Questions MOOC

28 avril 2017 à 19:53:59

@GaëlleQuétel

Bonjour.

Je ne veux pas dire de bêtises (je suis débutant) mais il me semble que dans ton cas tu devrais insérer toute la ligne : <a href="image.png">etc...

dans une balise paragraphe comme tu l'as fait la ligne au dessus. Tu dois utiliser une balise de type block. Cela devrait être plus simple par la suite. En espérant t'avoir aidé.

THP17

-
Edité par THP17 28 avril 2017 à 20:05:55

THP17
29 avril 2017 à 0:15:07

GaëlleQuétel a écrit:

Bonjour,

J'en suis à la partie du cours où nous devons mettre en forme notre CV précédemment créé en HTML5.

Lors de la création en HTML5 nous devions insérer une photo cliquable, que j'aimerais pour cette mise en forme, placer tout en haut à droite de mon CV.

Comme vous le verrez dans mon code j'ai utilisé "float : right" ce qui à positionné l'image à droite mais pas vraiment en haut, et quand j'ai essayé avec "float : top right" elle est revenu à gauche :euh:

Ce qui me laisse penser que ce n'est pas le code que je dois utiliser car cela est fait pour positionner le texte autour de l'image (ou non) et pas pour positionner l'image en elle même, mais c'est la seule "parade" que j'ai trouvée pour me rapprocher de la solution ...

Ci vous avez cette solution, merci d'avance :)

Ci dessous les imprims écran du cv et de mes codes en html5 et css3


Salut, deja je pense que tu devrait mettre ton image dans un paragraphe c'est ce que Mathieu recommande même si ce n'est pas une obligation.

Concernant le positionnement de ton image tu as choisis dans le css a qui est de type inline donc tu pourras faire bouger sur la même ligne à droite à gauche au centre. Si tu veux le mettre en haut à droite de ta page tu devrait retirer folat: right, et faire un display:block ensuite tu mettra plus bas position: absolute ensuite top:0px et right 0px ça devrait aller au coin supérieur droit.

a
{

display: block;
position: absolute;
top: 0px;
right: 0px;

}



3 mai 2017 à 13:09:56

Bonjour,

Merci à "devnaj" et "THP17" pour vos réponses.

Tes codes ont fonctionné THP17? Je ne les ai pas encore vu dans le cours j'espère en apprendre plus sur ces codes.

Bonne journée!

4 mai 2017 à 21:18:59

Salut tout le monde !

Je bloque sur un cas pratique de l'exercice du cupcake en CSS.

Je n'arrive pas a centrer la figure (image) et sa description"

Mon Hover n'a pas l'air de fonctionner non plus  Ou sont mes erreurs  svp? 

4 mai 2017 à 23:52:21

@JonathanVidal1quel élément de ton HTML a la classe .class je ne le vois pas dans ton code en plus ce dernier est très mal écrit. Tu peux rassambler les propriétés sur un sélecteur en faisant ça:
h1{
    color: blue;
    font-family:une_famille_ici;
    ........;
}
au lieu d'écrire plusieurs h1 et de les affecter des propriétés je pense que tu devrais bien lire le cours

L'important ce n'est pas d'être grand mais c'est être à la hauteur
5 mai 2017 à 1:14:15

J'ai trouvé mon erreur ... 

j'ai remonté d'une ligne le class="image"

Ce qui donne maintenant

<figure class="image">
        <img  src="cupcake.jpg" alt="Cupcake" />



-
Edité par JonathanVidal1 5 mai 2017 à 1:41:14

Questions MOOC

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown