Partage
  • Partager sur Facebook
  • Partager sur Twitter

rediger un cv

    18 janvier 2021 à 17:39:00

    bonjour.

    je voudrais savoir comment comment faire pour avoir un cv comme représente la figure suivante sachant que je m'intéresse qu'au header

    ma question est comment faire pour avoir l'image et un texte placé à droite en bas.

    merci d'avance.

    • Partager sur Facebook
    • Partager sur Twitter
      19 janvier 2021 à 19:31:25

      Voilà comment je m'y prendrais :

      Le seul point un poil complexe est l'affichage de la photo.

      Il faut la positionner d'une manière relative au bandeau (mais pour qu'elle ne perturbe pas le contenu de la bannière, elle sera positionnée en absolu) et la rendre ronde via la propriété border-radius

      Mettons que ton bandeau ait comme id "banner" et que ton image ait une hauteur de 100px. Tu peux faire un truc de ce genre :

      #banner{
          position: relative;
      }
      #banner img {
          position: absolute;
          bottom: -50px;
          left: 10%;
          border: 3px solid #fff;
          border-radius: 100%;
      }

      La propriété left est en pourcentage pour rendre le tout plus "responsive".

      -
      Edité par Domi65 19 janvier 2021 à 19:33:23

      • Partager sur Facebook
      • Partager sur Twitter

      rediger un cv

      × 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.
      • Editeur
      • Markdown