Dimension pour image

**Merlo** · 20/01/2013, 20h36

salut à vous
svp je voudrai savoir comment est ce qu'on fait pour qu'une image s'affiche avec les dimensions de la page

**NoSmoking** · 20/01/2013, 22h51

Bonsoir,
cela reste vague comme besoin, mais le plus simple en mettant width:100% et height:100% elle remplira la surface de son conteneur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[100% BODY]</title>
<style>
html, body{
  height:100%;
  margin:0;
  padding:0;
}
img{
  width:100%;
  height:100%;
}
</style>
</head>
<body>
<img src="http://www.developpez.net/template/images/logo.png">
</body>
</html>

**Merlo** · 21/01/2013, 10h39

svp ce que je voudrai c'est mettre l'image en fond de page sans la redimensionner.
l'image de depart pese environ 3Mo et lorsque je mets le code
<body background="adresse de l'image"width:100%,height:100%> ou tout simplement <body background="adresse de l'image">, seule la partie haute de l'image apparait dans le navigateur et lorque je redimensionne et que j'ajoute suffisament du texte, au moment de l'affichage l'image n'est pas statique mais se divise

**Torgar** · 21/01/2013, 10h59

Salut,

Voici un peu de lecture qui te permettra de comprendre comment fonctionne les arrière-plans : http://torgar.developpez.com/glossai...background.php

Ceci étant, une image de fond faisant 3 Mo, c'est absurde !

**Merlo** · 21/01/2013, 11h19

faut il absolument utiliser du CSS?
je voudrai savoir s'il existe une balise html qui permette de mettre une image en fond de page, sans que celle ci ne defile avec la la page et qui soit adaptée à la page

**Torgar** · 21/01/2013, 11h30

Oui !

Pour rappel, HTML n'est qu'un langage de structuration de données. CSS, lui, permet de faire la mise en forme.

Attention, attention, ceci est une image :
HTML pour les murs et le CSS pour la peinture. Ton mur lui reste fixe, ta peinture, tu la changes quand tu veux.

Dimension pour image

HTML

Vue hybride

Discussions similaires

Partager

Partager