Rechercher : dans
Par :

Taille d'image en css

Dernière réponse le 18 aoû 2008 à 10:56:36 MOTTIN, le 17 mar 2005 à 22:11:59 
 Signaler ce message aux modérateurs

Bonsoir,
J'utilise un script php permettant de transférer une image sur une page de site.
On m'as dit qu'il etait possible de redimensionner l'image grace au feuilles de style css.
Voici le code que j'utilise

	<?php

include("images.class.php");

$images = new images();
$images->repertoire = "collectif";
$images->nb_par_ligne = 1;
$images->afficher_liste();


?>

Comment faire pour la redimensionner à 150pixel de largeur quelquesoit la taille de l'image transférée
merci 'davance

Meilleures réponses pour « taille d'image en css » dans :
Diminuer la taille des images JPEG VoirSi vous trouvez que vos fichiers JPEG sont trop gros (par exemple pour envoyer par mail ou pour publier sur une page web), voici 4 étapes pour diminuer la taille des fichiers: Étape 1 (optionnel !) : Passer GREYCStoration sur l'image GREYCStoration...
LaTeX - Insertion d'images VoirStyle LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...

1

matt, le 18 mar 2005 à 16:30:22

Salu

Ouep, c possible mais en HTML c encore plus simple...

Tu met du width et du height dans un td ...

Mais attention, comprenons nous bien ... On ne redimentionne pas vraiment l' image puisqu' au final, elle fais toujours la meme taille...
On peut l afficher plus petite ou plus grande, mais sa taille reste identique pour le chargement...


++
Matt

Répondre à matt

2

ric, le 18 mar 2005 à 17:11:24

Bonjour
Dans le message de matt, remplace "taille" par "poids" pour que ce soit plus clair.

Répondre à ric

3

arnotw, le 18 mar 2005 à 19:12:23

Salut à tous

C'est plus simple en CSS :

Demonstration :

<head>
	<style>
		.img { width: 200px;}
	</style>
</head>
<body>
	<img src="test.jpg" class="img">
</body>

De plus si tu veux faire un zoom sur ta photo, tu créé une class (comme .img) qui fait 500px (width: 500px;) et t'as juste à rappeler ta class (class="img") .

C'est beaucoup plus simple, plus facile à modifier, et ça répond aux normes du W3 (w3.org)
Ya moyen !

Répondre à arnotw

4

noob, le 10 fév 2008 à 19:34:24

<head>
<style>
.img { width: 200px;}
</style>
</head>
<body>
<img src="test.jpg" class="img">
</body>


ca c est lorsque tu ajoute l image sur le html

pas dans le css : background-image: url("../image/CIMG8028X25.JPG");/**/

Répondre à noob

5

 Chasseur, le 18 aoû 2008 à 10:56:36

Salut
il existe quand même une fonction qui te permet d'uploader une image en lui appliquant une dimension bien précise.
j'ai codé ca pour l'upload d'une image de largeur maximale 550 pixels en respectant les proportions:

if($imgtaille[0] > 550)
{
// la fonction peut être déclarée dans le script mais pour une raison que j'ignore, elle ne fonctionne pas si je la mets dedans donc je la place juste avant de m'en servir (simplement pas beau au niveau code) !

function redim($im_src,$im_dest)
{
$size = getimagesize($im_src);
$src_w = $size[0];
$src_h = $size[1];
$dst_h = floor($src_h*550/$src_w);
$dst_im = imagecreatetruecolor(550,$dst_h);
$src_im = imagecreatefromjpeg($im_src);
imagecopyresampled($dst_im,$src_im,0,0,0,0,550,$dst_h,$src_w,$src_h);
imagejpeg($dst_im,$im_dest);
imagedestroy($dst_im);
imagedestroy($src_im);
}
redim($srcFile,$srcFilebis);
$srcFile = $srcFilebis;
}

si tu veux 150 px de large tu remplaces 550 par 150 tout simplement
sinon si c'est en hauteur, tu le mets dans $dst_h = 150

voili
bon code

Répondre à Chasseur
Collection CommentÇaMarche.net