Taile d'une image en arriere plan

Fermé
manodedios - 13 juin 2008 à 16:23
 manodedios - 30 juin 2008 à 09:18
Bonjour,
je voudrais pouvoir choisir la taille de mon image fixe d'arriere plan dans ma page html.
j'ai donc cela comme code pour l'instant
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Liste des adresses IP</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="adressage_IP" href="adressage_IP.css" />
</head>
<body background="mon_image.jpg" body bgproperties="fixed">

Je souhaterais qu'elle fasse 100% de l'écran mais elle est trop petite pour l'instant et est donc dupliquée.

Comment puis je faire pour qu'elle ne soit plus dupliquée mais agrandit ?

Merci d'avance

Manodedios

2 réponses

cameleonsd02 Messages postés 120 Date d'inscription dimanche 21 novembre 2004 Statut Membre Dernière intervention 25 juin 2008 14
13 juin 2008 à 16:28
Tu peux la redimensionner déjà dans un premier temps. Mais si c'est un jpeg ou un gif au niveau de la qualité ça ne va être trop joli à voir.
0
j'ai bien pensé a la redimensionné mais comme tu as dis ca ne paspas êtr joli joli a voir. A l'origine, elle fait 964*729 et il faudrait qu'elle fasse 1650*1050 si je dois la redimensionné.
sinon c'est pas grave je laisse comme ca ou je la centre.
Si je la centre que dois je écrire center =..... ?
0
cameleonsd02 Messages postés 120 Date d'inscription dimanche 21 novembre 2004 Statut Membre Dernière intervention 25 juin 2008 14 > manodedios
13 juin 2008 à 17:03
c'est un peu énorme a charger surtout si c'est pour un site web....


Exemple

voir l'exemple ici: http://ww38.cyberformateur.com/cours_css/exemples/exemple_centrage_image.htm
Code html
<div id="contenu">
<img src="images/photo_small.jpg" alt="photo" width="390" height="233">
</div>


Code CSS
#contenu{
	  position:absolute;
     left: 50%; 
     top: 50%;
     margin-top: -110px; /* moitié de la hauteur de l'image */
     margin-left: -195px; /* moitié de la largeur de l'image */
 } 


Remarque pour IE 5 Mac

Internet Explorer 5 ne gère pas bien le centrage vertical avec cette méthode. Ce qui peut-être gênant quand il s'agit de centrer la totalité de la mise en page. Dans ce cas vous pouvez utilisez un hack CSS qui empêchera IE 5 Mac d'interpréter les règles lier au centrage vertical, le résultat final n'est pas fantastique mais a pour mérite de ne pas rendre illisible votre site ou votre image.
  #contenu{
	position:absolute;
	left: 50%;
	margin-left: -195px;
	/* Hack CC pour IE MAC \*/
	top: 50%;
	margin-top: -110px;
	/* fin hack CSS pour IE MAC */
}
0
Bonjour

Merci de cette réponse. J'ai essayé et ca marche très bien mais ce n'est pas vraiment ce que je souhaite faire ^^. L'image selon l'exmple n'est pas en arriere plan (ou j'ai raté un chapitre). Il y a l'image puis mon texte (j'ai mis le code html en début de script).
S'il y a d'autres propositions, je suis preneur ;-)
Merci d'avance
Manodedios
0