Discussion :

[dhillig]

Bonsoir à tous,
J'ai fait le tour des forums, mais je n'arrive pas à habiller un titre h1 et un paragraphe par une photo (imagedemoi).
Je vous donne mes CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.cd-modale p {
  color: #fff;
  line-height: 1.6;
  text-align: left;
  width:100% !important; 
}
.cd-modale h1 {
	font-size: 6vw;
	color: #fff;
	line-height: 1;
	text-align: left;
	width:100% !important; 
}
 
.imagedemoi img{
	width:50% !important; 
	position: absolute;
	float: right;
}

Merci pour votre aide et bonne fin de week-end,
DH

[ProgElecT]

Salut
Je crois ne pas me tromper mais quand on ne précise pas l'unité de mesure, le pixel est l'unité par défaut, d’où un problème potentiel ici line-height: 1.6; ainsi que peut être line-height: 1;

[NoSmoking]

Bonjour,

je n'arrive pas à habiller un titre h1 et un paragraphe par une photo (imagedemoi).

Pourrais-tu expliquer ce que tu entends pas habiller !

Je crois ne pas me tromper mais quand on ne précise pas l'unité de mesure, le pixel est l'unité par défaut

sans unité il s'agit simplement d'un « facteur multiplicateur » qui dépend de la police, c'est la méthode la mois piégeuse.

[ProgElecT]

Salut,

Je crois ne pas me tromper mais quand on ne précise pas l'unité de mesure, le pixel est l'unité par défaut

sans unité il s'agit simplement d'un « facteur multiplicateur » qui dépend de la police, c'est la méthode la mois piégeuse.

Des fois je mériterai , en vérifiant dans un de mes fichiers CSS de 750 lignes, jamais je ne précise pas l'unité, je me demande vraiment où j'ai été cherché çà.
En tout cas j'ai encore appris quelque chose.

[dhillig]

Bonjour à vous ,
Par habiller, NoSmoking, j'entends par là que le texte soit autour de la photo. Actuellement, il passe derrière
Problème récurrent
MERCI et bonne fin de week-end,
DH

[NoSmoking]

... Actuellement, il passe derrière
Problème récurrent

Non tu places ton image en position:absolute, ce qui enlève celle-ci du flux, elle n'occupe donc aucune place dans son conteneur et laisse les autres éléments prendre la place disponible.

Je ne comprends pas pourquoi tu ne t'es pas inspiré du dernier exemple que je t'ai fourni dans ta la discussion, c'est d'ailleurs la même demande : https://www.developpez.net/forums/d2.../#post11810136, c'est la même chose avec BootStrap.

Au passage, on peut voir dans ton code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.cd-modale p {
    width:100% !important; 
}
.cd-modale h1 {
    width:100% !important; 
}

tes width ne servent à rien, c'est le comportement par défaut et de plus leur mettre un !important cela ressemble à du « BootStrap like »