28172 sujets

CSS et mise en forme, CSS3

[Résolu] Background position : définir l'alignement + le retrait ?

Bonjour,

Je me sens un peu bête avec cette question mais je n'ai pas trouvé de solution.
Il s'agit "tout simplement" d'aligner mon image à droite soit
background-align: right


...mais lui appliquer également un padding-right soit un retrait par rapport à la marge droite.
Hors, je ne peux que définir au choix, l'alignement ou le retrait, pas les deux Smiley ohwell

Existe t-il une astuce magique ?
Modérateur
bonjour,

C'est étrange, background-align n'existe pas?

Par contre, background-position permet de déplacer ton image.

Tu peux soit gérer avec les valeurs en pourcentage:

  background-position: 50% 90%;

Mais selon les cas cela ne conviendra pas,

ou tu peux déterminer l'origine avec background-origin:

  padding: 20px;
  background-position: 50% 100%;
  background-origin: content-box;
Bonsoir.

En fait, ça existe. Depuis peu. On peut faire :
background-position : right 50px bottom 0px;


Smiley smile
Meilleure solution
Modérateur
Zelena a écrit :

En fait, ça existe. Depuis peu. On peut faire :

Oh my! C'est fout ce qu'on peut rater parfois! merci! Smiley smile
kustolovic a écrit :
Oh my! C'est fout ce qu'on peut rater parfois! merci! Smiley smile

Oui, on n'imagine pas toujours ce que l'on peut faire avec ce genre de règle : Progress bars
Modérateur
Olivier C a écrit :

Oui, on n'imagine pas toujours ce que l'on peut faire avec ce genre de règle :

Sauf que pour ça un background-position «classique» suffit Smiley cligne
Bonjour, je tiens a dire que je suis une noob: cela fait des heures que je cherche en vain comment pouvoir disposer mon textet sur / au dessus de mon background-image .... quelqu'un aurait il un coup de pouce à me donner à tout hasard ? Smiley ohwell
Sujet clos
Aller à