Création
d'entreprise
Posez votre question Signaler

Taille d'image en css

MOTTIN - Dernière réponse le 21 mai 2012 à 16:35
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
Lire la suite 

Taille d'image en css »

7 réponses
Réponse
+6
moins plus
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)
Lucas - 6 avril 2012 à 14:14
Juste pour information, c'est pas un code CSS, mais un code HTML
Noodlz - 21 mai 2012 à 16:35
Pour information Lucas, ce qu'il y a entre les balises (certes HTML) <style></style> est du code CSS. arnotw à dit que c'était plus simple en CSS mais n'a pas dit que son exemple était purement en CSS. Et puis remarque, il faut être c** pour pas s'en rendre compte, donc ton commentaire est inutile ! ;)
Ajouter un commentaire
Réponse
+4
moins plus
Bonjour
Dans le message de matt, remplace "taille" par "poids" pour que ce soit plus clair.
Ajouter un commentaire
Réponse
+3
moins plus
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
Ajouter un commentaire
Réponse
+1
moins plus
<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");/**/
Chasseur - 18 août 2008 à 10:56
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
Ajouter un commentaire
Ce document intitulé « taille d'image en css » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?