18041 sujets

Questions générales et questions de débutants

Centrage d'une photo si le format est portrait

Bonjour,

Actuellement en train de réaliser mon site internet, dans le bloc principal, la photo est alignée en bas à droite.

Comment faire comprendre à mon code que si la photo est en mode portrait, il faudrait l'afficher au centre du bloc ?

Voici le code css :


#content{
	top:			4%;
	bottom:		11%;
	left:			20%;
	right:		5%;
	font-size:		.9em;
	float:			left;
	overflow:		hidden;
	border-left:	solid 1px grey;
}

#content img{
	position:		absolute;
	width: 		auto;
	height:		100%;
	bottom:		0px;
	right:		0px;
}


D'avance merci pour vos réponses

Meilleures salutations

Christophe Golay
Ton css ne risque pas de détecter si ton image est en mode portrait ou paysage.

Si je peux te conseiller d'apposer une classe côté html afin de faire la distinction.

Sinon si tes images ont toutes les mêmes dimensions, tu peux cibler en Css par l'utilisation de ceci :
img[width="800"] {par exemple format paysage}
img[width="600"] {format portrait}

/* avec ces images:
portrait: 600*800px
paysage: 800*600px */


L'idée c'est de trouver le point commun entre les images portraits qui n'apparait pas dans les images en paysage.
Modifié par Greg_Lumiere (15 Jun 2016 - 13:03)
Merci beaucoup pour la réponse.

Oui, les photos ont exactement toutes les mêmes dimensions.

Par contre, si j'indique la largeur dans la css, cela me formate la photo (et non une "vérification du mode).
jazzchris a écrit :

Oui, les photos ont exactement toutes les mêmes dimensions.
Voilà qui simplifie le process.

jazzchris a écrit :
Par contre, si j'indique la largeur dans la css, cela me formate la photo (et non une "vérification du mode).
Que veux-tu dire par là ? Tu parles de la propriété width ?

Si c'est le cas alors oui c'est logique. Ma précédente réponse n'y fait aucunement référence.

Je ne fais pas référence à la propriété mais au sélecteur d'attribut : nuance !

Edit : Un petit exemple de ciblage par attribut sur des images
Modifié par Greg_Lumiere (15 Jun 2016 - 13:46)
Oui oui je parlais bien du sélecteur d'attribut.

C'est bien juste, je peux l'indiquer dans ma CSS pour différencier les deux largeurs ?
jazzchris a écrit :
Oui oui je parlais bien du sélecteur d'attribut.

C'est bien juste, je peux l'indiquer dans ma CSS pour différencier les deux largeurs ?
Je t'ai ajouté un exemple dans ma réponse précédente. Ceci répond-il à cela ?
Modifié par Greg_Lumiere (15 Jun 2016 - 13:56)
Oups, je n'avais point vu, désolé.

C'est parfait comme cela. Merci beaucoup Smiley smile !

Meilleures salutations

Christophe Golay
jazzchris a écrit :
Oups, je n'avais point vu, désolé.
Je l'avais ajouté après publication. C'est là un vilain défaut qui me colle à la peau.

jazzchris a écrit :
C'est parfait comme cela. Merci beaucoup Smiley smile !

Meilleures salutations

Christophe Golay
Nickel ! De rien et bonne journée Smiley smile
Sujet clos
Aller à