Aligner du texte en pourcentage

Résolu
Utilisateur anonyme -  
Grandasse_ Messages postés 980 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je travaille sur un site web pour mon projet de bac.
Il y a une image en fond et je dois placer des valeurs en CSS.

sauf que j'utilise ce code ci-dessous:

#upan
{
position: absolute;
top: 567px;
left: 290px;
color: red;
}

Mais bien évidement, lorsque je change de moniteur (différente résolution), le texte n'est plus à la bonne place.

Comment faire un positionnement en CSS en pourcentage?

Merci d'avance pour votre précieuse aide.

2 réponses

  1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
     
    Bonjour,

    Et bien en utilisant les symbole pourcentage : %

    #upan 
    { 
     position: absolute; 
     top: 10%; 
     left: 30%; 
     color: red; 
    }
    

    1
  2. Grandasse_ Messages postés 980 Date d'inscription   Statut Membre Dernière intervention   613
     
    Bonjour,

    Sinon il suffisait de regarder dans la documentation pour connaitre les unités supportées : https://www.w3schools.com/cssref/css_units.asp

    Quand on dit "RTFM", c'est pour votre bien ! :P
    0
    1. Utilisateur anonyme
       
      Merci de ta réponse mais j'ai finalement utilisé la méthode flexbox :)
      0
      1. Grandasse_ Messages postés 980 Date d'inscription   Statut Membre Dernière intervention   613 > Utilisateur anonyme
         
        C'est une bonne idée !
        0