Sujet Précédent Sujet Suivant

Taile d'une image en arriere plan

manodedios -  
 manodedios -
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
A voir également:

2 réponses

Réponse 1 / 2
cameleonsd02 Messages postés 120 Statut Membre 14
 
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
manodedios
 
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 Statut Membre 14 > manodedios
 
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
Réponse 2 / 2
manodedios
 
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

Discussions similaires

arriere plan
minangi -
Raymond PENTIER -

1 réponse
Open office image arriere plan
NicoFire -
lecon -

14 réponses
PIX
plart -
jordane45 -

1 réponse
passer une image en premier ou arriere plan
Altocrincrin -
Luke1 -

1 réponse
Retrouver l'image originale après avoir fait des modifications ?
Raven -
Asta972155 -

10 réponses