Page 1 sur 1

Division entière

Posté : 07 déc. 2019, 16:47
par ga87
Bonjour,
Voici mon code :
<?php
	$resol_largeur='<script type="text/javascript">document.write(screen.width);</script>';
	$resol_hauteur='<script type="text/javascript">document.write(screen.height);</script>';
	echo $resol_largeur."   ".$resol_hauteur."<br>";

	//--------------- Calcul
	$largeur=trim($resol_largeur);
	echo $largeur."<br>";
	
	$largeur=intval($largeur);
	echo $largeur."<br>";
	
	//----------------Pour afficher 3 images sur la largeur
	$largeur=$largeur/3;
	echo $largeur."<br>";    	
?>
Je récupère la résolution d'écran et je veux faire une division par 3 pour dimensionner des images mais le résultat après plusieurs tests avec différentes fonctions donne 0 ou erreur.
Merci pour l'aide.
Guy

Re: Division entière

Posté : 07 déc. 2019, 18:29
par or 1
cela ne peut pas marcher.
<script type="text/javascript">document.write(screen.width);</script> s'éxécute dans la navigateur du client, pas sur le serveur en php.
une solution, récupérer en javascript les dimensions voulues et écrire toujours en javascript la balise html <img> en passant à la src les données de l'écran. c'est utile si vous voulez charger les images les plus légères possibles, sinon css est fait pour cela.

Re: Division entière

Posté : 07 déc. 2019, 18:36
par ga87
Je comprends, mon problème c'est que je veux afficher 3 images en largeur, je suis donc obligé de faire une division que je ne peux pas faire en php puisque côté serveur.
Si vous pouvez me donner l'info en css, j'aimerais essayer.

Re: Division entière

Posté : 08 déc. 2019, 13:37
par ga87
Je ne coche pas tout de suite la case 'Résolu'
Je cherche une solution avec les media queries, si je trouve quelque chose d'intéressant, j'en ferai part.

Re: [RESOLU] Division entière

Posté : 09 déc. 2019, 16:40
par Spols
travail en pourcentage en css, genre 33% mais attention au marge, bordure ou autre non compris dans la largeur css

Re: Division entière

Posté : 09 déc. 2019, 22:42
par @rthur
Regarde du côté des flexbox en CSS :
https://developer.mozilla.org/fr/docs/W ... r_flexible