28106 sujets

CSS et mise en forme, CSS3

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