[CSS 3] ajuster une image a un div

redoran · 29/01/2012, 09h50

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 !!!!

buggen25 · 29/01/2012, 10h23

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

12monkeys · 06/02/2012, 19h11

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

06/02/2012, 19h11	#3
12monkeys Rédacteur/Modérateur Dr. Peters Webmaster Inscription : novembre 2006 Messages : 3 624 Détails du profil Informations personnelles : Nom : Dr. Peters Âge : 35 Localisation : France, Bas Rhin (Alsace) Informations professionnelles : Activité : Webmaster Secteur : Service public Informations forums : Inscription : novembre 2006 Messages : 3 624 Points : 6 232 Points : 6 232	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 __________________ Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS ! Votez pour les messages qui vous ont aidés...
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email