28220 sujets

CSS et mise en forme, CSS3

[RESOLU] Problème d'affichage d'une image en background

Bonjour à toute la communauté,
j'ai un petit souci d'affichage d'une image de background
en effet celle-ci est tronquée
voilà ce que l'on devrait voir http://www.image-dream.com/image.php?image=1111063327.fond.png&pseudo=Nahaurys

et voilà ce qu'on obtient http://nahaur.host-dream.com

j'ai pourtant parcouru le forum, à la recherche de posts similaire au mien, mais je n'ai pas trouvé de solutions.

ah oui, voici mon code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>**Nahaur Portfolio** - Bienvenue -</title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

html, body {
	background-image:url(images/fond.png);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}
	
.entrer {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-96px;
	display:block;
	width:192px;
	height:50px;
	background-image:url(images/entree.gif);
	background-position:center;
	}
	
.entrer:hover {
	display:block;
	width:192px;
	height:50px;
	background-image:url(images/survol.gif);
	background-repeat:no-repeat;
	background-position:center;
	}
	
</style>
</head>
<body>
<div id="entrer">
<a class="entrer" href="accueil.htm"></a> 
</div>

</body>
</html>


merci d'avance Smiley smile

Edit : je laisse tomber cette méthode, je vais morceler ma page
Modifié par Majbryce (18 Mar 2005 - 10:12)
Salut,

Ton image semble un peu grande pour rentrer d'un seul coup.
Tu peux essayer ça

 body {
margin: 0px;
padding: 0px;
width: 1024px;
height: 765px;  

background-image:url(test.png);
background-repeat:no-repeat;
background-position: 0 0; 
		   
}


et si tu ne veux pas affecter de dimension à ton body ( ce je te conseille) .





 body {
margin: 0px;
padding: 0px;	   
}	 
 
#imgfond{
background-image:url(test.png);
background-repeat:no-repeat;
background-position: 0 0;  

width: 1024px;
height: 765px;

}


et dans ton html


 <div id="imgfond"></div>
j'ai essayé, ta première solution. ça marche mais y'a des scrollbar.
la deuxième, ya pas de scrollbar, mais y'a que du blanc^^
merci quand même, je vais tenter de remédier à ca
bon ben j'ai tout essayé, et j'arrive pas à obtenir une image correctement cadrée. Il y a toujours des scrollbars, ou alors absence de ces scrollbars mais dans ce cas l'image n'est pas affichée en entier.
Donnez moi un gun et une corde^^
Administrateur
Salut,

Pourrais-tu modifier le titre de ton sujet ?

En effet, "problème d'affichage" n'est pas très pertinent et les autres membres ne sauront pas vraiment de quoi parle ton sujet puisque la plupart des questions ici sont des problèmes d'affichage !

Je te suggère donc de trouver un titre plus pertinent, comme tu as dû le lire dans les Règles Smiley smile
Effectivement, j'ai réfléchi après que ce titre était un peu trop bateau.
UP! j'espère que c'est mieux maintenant Smiley cligne
personne ne saurati m'aider? Smiley bawling
Modifié par Majbryce (18 Mar 2005 - 09:12)
Sujet clos
Aller à