IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Réduire la taille de mon image


Sujet :

CSS

  1. #1
    Membre averti
    Inscrit en
    mars 2004
    Messages
    1 774
    Détails du profil
    Informations forums :
    Inscription : mars 2004
    Messages : 1 774
    Points : 395
    Points
    395
    Par défaut Réduire la taille de mon image
    Bonjour,

    je ne parviens pas à réduire la taille de mon image :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
        <p><b>1ère:</b></p>
                <p>Une recette sucrée: <b>Les cookies Américain</b></p>
                <div class="imgrecette">
    				<img src="Img/cookie.jpg">
    			</div>
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    .imgrecette{
    	text-align:center;
    	width:100px;
    	height:100px;
    	border: 10px solid black;
    }

    J'ai mis mon image dans un DIV pour la réduire et aussi pour mettre du texte à droite de mon image.

    Merci d'avance pour votre aide.

  2. #2
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 015
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 015
    Points : 37 213
    Points
    37 213
    Par défaut
    Bonjour,
    je ne parviens pas à réduire la taille de mon image
    Essaie avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    img {
      max-width: 100%;
    }
    J'ai mis mon image dans un DIV pour la réduire et aussi pour mettre du texte à droite de mon image.
    Il existe la structure suivante pour faire cela :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <figure>
      <img>
      <figcaption>
      </figcaption>
    </figure>

  3. #3
    Membre averti
    Inscrit en
    mars 2004
    Messages
    1 774
    Détails du profil
    Informations forums :
    Inscription : mars 2004
    Messages : 1 774
    Points : 395
    Points
    395
    Par défaut
    salut et merci.

    Pour le coup de l'image à 100% ça focntionne.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    img {
      max-width: 100%;
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. réduire la taille d'une image gif non animé
    Par simodsio dans le forum Imagerie
    Réponses: 1
    Dernier message: 25/02/2009, 03h27
  2. Nombres aléatoires de 0 à la taille de mon image
    Par hello05 dans le forum Images
    Réponses: 2
    Dernier message: 14/04/2008, 22h17
  3. Impossible de réduire la taille de mon DD
    Par starr dans le forum Windows Vista
    Réponses: 6
    Dernier message: 08/03/2008, 23h16
  4. [CSS] Modifier la taille de mon image pour mon bouton
    Par bouchette63 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 11/08/2006, 11h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo