27858 sujets

CSS et mise en forme, CSS3

alors voila je vous montre mon code que j'ai fais pour le moment, vous m'excuserez si c'est pas très bien fait je débute totalement Smiley smile jespère être au bon endroit..
le voila : upload/1587691873-79634-question.png
ainsi que celui ci: upload/1587691968-79634-question2.png
Modifié par Jadael (24 Apr 2020 - 03:34)
<!DOCTYPE html>
<html lang="fr" dir="ltr">

  <head>

    <meta charset="utf-8">

    <title>Tanghala</title>

    <link rel="stylesheet" href="Tanghala.css">

  </head>

  <body>

    <div class="Universe">

      <div class="Liens_vers_son">

        <p>Tite minimal for F</p>

      </div>

      <div class="titre">

        <p>

          <span style="font-size: xx-large ;"><b>Luquatre</b></span>

        </p>

      </div>

      <img

      class="responsive"

      src="1366x768_px_galaxy_universe-669338.jpg"

      alt="image univers"

      height="auto"

      width="auto"

      srcset="1366x768_px_galaxy_universe-669338.jpg 320w,
              1366x768_px_galaxy_universe-669338.jpg 480w,
              1366x768_px_galaxy_universe-669338.jpg 800w"
      sizes= "(max-width: 320px) 280px,
              (max-width: 480px) 440px,
              800px">

    </div>

  </body>

</html>


<style>
.Universe {

  position: relative;
  text-align: center;
  color: red;
  display: flex;
  justify-content: space-around;

}

.titre {

position: absolute;
top: auto;
left: 45%;

}

.responsive {

width: auto;
height: auto;

}

.Liens_vers_son {

position: absolute;
align-items: flex-end;
display: flex;
justify-content: flex-end;
align-content: flex-end;
left: 100%;

}


voila j'espère que vous pourrez m'aider, merci d'avoir répondu Smiley smile
d'ailleurs je viens de voir qu'il y a un problème avec le code pour mon image... pourriez vous m'indiquer où je pourrais écrire mon code pour insérer une image ? et bien sur comment mettre mon texte sur l'image Smiley smile
Modifié par Jadael (24 Apr 2020 - 09:07)