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 :

ajuster une image a un div


Sujet :

CSS

  1. #1
    Membre éprouvé Avatar de redoran
    Homme Profil pro
    Développeur-Amateur
    Inscrit en
    Juin 2010
    Messages
    1 346
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Algérie

    Informations professionnelles :
    Activité : Développeur-Amateur
    Secteur : Santé

    Informations forums :
    Inscription : Juin 2010
    Messages : 1 346
    Points : 1 031
    Points
    1 031
    Par défaut ajuster une image a un div
    Salam ; voila j'ai un div avec des propriétés css3 :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    #entete {
    	padding:15px;
    	background: url(image/s3g.png) top  no-repeat;
    	margin: 0 auto;
    }
    #entete.img{
    	width : 100%;
    }
    html :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <body>
    	<div id="entete">
    		<img src"" width="" height="" alt="s3g" title="s3g"/>
    	</div>
    le problème le logo ne prend pas la dimension du div définie dans le css?
    est ce que une propriété genre strech en delphi !!!!

  2. #2
    Membre éclairé
    Avatar de buggen25
    Ingénieur développement logiciels
    Inscrit en
    Août 2008
    Messages
    554
    Détails du profil
    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2008
    Messages : 554
    Points : 709
    Points
    709
    Par défaut
    Bonjour,
    Juste quelques modifications sur ton code css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    #entete {
    	padding:15px;
    	margin: 0 auto;
    }
    #entete img{
    	width : 100%;
    }
    Et le code html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <body>
    	<div id="entete">
    		<img src="image/s3g.png"  alt="s3g" title="s3g" />
    	</div>
    Ensuite faut modifier le code pour obtenir ce que l'on veut,

    Sinon pour delphi il crée des choses plus rapidement certes, mais le mieux serait d'ecrire du code CSS à la main, pour mieux comprendre ce que l'on fait et mieux maitriser sa page html

    Cordialement

  3. #3
    Expert éminent
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Points : 9 031
    Points
    9 031
    Par défaut
    Bonjour

    D'abord je ne vois pas vraiment de CSS3 dans ton code

    Pour étendre une image d'arrière-plan tu as effectivement une solution en CSS 3 : http://designshack.developpez.com/tu...ere-plans/#LII

Discussions similaires

  1. afficher une image dans un div
    Par debutantasp dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 21/05/2009, 07h12
  2. Ajuster une image à un div
    Par hei lan dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 12/03/2009, 00h00
  3. Ajuster une image à une page
    Par ozyamdias dans le forum VBA Word
    Réponses: 1
    Dernier message: 03/07/2008, 17h33
  4. Centrer verticalement une image dans un div
    Par sovitec dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 20/12/2005, 16h36

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