Forum >> Aide & design >> [RESOLU] Réduire la taille d'une photo grâce au css ??

Résultats : 1 - 8 sur 8

Réduire la taille d'une photo grâce au css ?? - 07/08/08-18:01
JeanPierre9477
Blogueur
JeanPierre9477
261 Msg

Bonjour

y a t'il une commande CSS qui permet de réduire la taille d'une image ou photo à l'affichage sur le blog sans être obliger de l'ajuster au-paravant ???
Voir tous les posts de cet utilisateur Tous ses posts   Voir le blog de cet utilisateur Voir le blog    
Réduire la taille d'une photo grâce au css ?? - 07/08/08-18:11
François Alex
Banni
François Alex
203 Msg

J'avoue que je ne comprends pas bien la question.

 

Quand j'ai "uploadé" une image, je fais Clic Droit sur l'image, dans le menu je clique sur "Editer Image" et, dans le menu qui s'affiche, je peux régler précisément la hauteur ou la largeur en pixels, en conservant ou non les proportions...

 

Où est le problème ?

 

Y a-t-il quelque chose que je ne saisis pas ?
François Alex
Voir tous les posts de cet utilisateur Tous ses posts   Voir le blog de cet utilisateur Voir le blog    
Réduire la taille d'une photo grâce au css ?? - 07/08/08-18:26
Maitrepo
Modérateur
Maitrepo
11059 Msg

JeanPierre9477
Bien sûr, tu peux ajuster les dimensions de tes images avec ta css. Tu peux préciser soit un pourcentage, soit des dimensions fixes. Je te conseille la première solution parce que la seconde dépend quand même hachement des dimensions originales de l'image.

 

Exemple :

.contenuArticle img  { width:50%; height:50% }

pour diminuer les images qui sont dans tes articles...

(à toi de choisir à quelle classe tu veux appliquer cette réduction)

 


Bollywood à Paris... Ils ont osé !
Voir tous les posts de cet utilisateur Tous ses posts   Voir le blog de cet utilisateur Voir le blog    
Réduire la taille d'une photo grâce au css ?? - 07/08/08-19:09
JeanPierre9477
Blogueur
JeanPierre9477
261 Msg

Merci Maître Po je vais essayer,

je voudrais mettre une image style pos-it sous mes modules de gauche, car il y a de la place avec une ligne css du genre :

  #ln_1 {margin:10px; padding:0px; background-image: url(http://----------.jpg); background-repeat:no-repeat;background-position: 10px 3500px ;}

le post-it j'aimerai le travailler dans PSP à une taille raisonnable et adapter sa dimension dans le css, c'est le but de ma question, car pour répondre à françois cette image ne sera pas dans un article donc pas de clic droit
Voir tous les posts de cet utilisateur Tous ses posts   Voir le blog de cet utilisateur Voir le blog    
Réduire la taille d'une photo grâce au css ?? - 07/08/08-19:58
JeanPierre9477
Blogueur
JeanPierre9477
261 Msg

Maître Po cel ne fonctionne pas car cela dimensionne l'ensemble du contenu dans #ln_1

je voulais mettre ceci :

#ln_1 {margin:10px; padding:0px; background-image: url(http://imageshack-france.com/out.php/i183835_Postitmessage22.jpg); background-repeat:no-repeat;background-position: 10px 3500px ;}

mais l'image est trop grande !

 
Voir tous les posts de cet utilisateur Tous ses posts   Voir le blog de cet utilisateur Voir le blog    
Réduire la taille d'une photo grâce au css ?? - 07/08/08-20:19
Maitrepo
Modérateur
Maitrepo
11059 Msg

Pourquoi ne pas réduire ton post-it avant de le charger dans Over-blog ? Parce que la réduction par le css n'est valable que si elle est systématique. Pour une seule image, un coup de PSP et c'est fini, elle est à la bonne taille...

 

Sinon, tu vas directement dans la source du module et tu modifies à la main les dimensions de l'image :

<img width="xxx"  height="yyy" src=etc.

avec xxx et yyy respectivement la largeur et la hauteur voulues de ton image...


Bollywood à Paris... Ils ont osé !
Voir tous les posts de cet utilisateur Tous ses posts   Voir le blog de cet utilisateur Voir le blog    
Réduire la taille d'une photo grâce au css ?? - 08/08/08-12:13
JeanPierre9477
Blogueur
JeanPierre9477
261 Msg

Merci Maître Po

c'est peut être le plus simple en effet, voilà c'est fait, allez jeter un oeil et le bon !

demain départ pour les retrouvailles pyrénéenes à Belcaire voir le blog

à bientôt JP
Voir tous les posts de cet utilisateur Tous ses posts   Voir le blog de cet utilisateur Voir le blog    
Réduire la taille d'une photo grâce au css ?? - 08/08/08-15:05
Incognitototo
Blogueur
Incognitototo
642 Msg

Une alternative automatique .contenuArticle img {max-width:99%;} qui permet d'avoir des images qui ne dépassent jamais, à l'affichage, la largeur de la colonne...

... de-ci de-là , cahin-caha, va trottine va chemine, va petit âne va de-ci de-là , cahin-caha le picotin te récompensera... Appelez-moi Toto, ça ira plus vite...
Voir tous les posts de cet utilisateur Tous ses posts   Voir le blog de cet utilisateur Voir le blog    

Résultats : 1 - 8 sur 8

Forum >> Aide & design >> [RESOLU] Réduire la taille d'une photo grâce au css ??