problème d'affichage

juice · 19 Août 2004

Bounjour à tous,

j'ai cherché sur le forum, mais je n'ai pas trouvé de réponses à ma question.

J'ai crée un site avec des images de fond en 1024*768, et quand une personne le regarde avec une résolution supérieure, il voit un truc dans cet esprit : http://www.8080prod.com/Clipboard01.jpg

pas génial !!!

J'aimerais savoir comment faire pour que les images se redimensionnent ou bien, si ce n'est pas possible, comment centrer mes pages pour qu'elles s'affichent proprement au centre de l'écran (avec des bordures autour par exemple).

Vous pouvez aller voir mon site et par la même occas', me dire ce que vous en pensez !

http://www.8080prod.com

d'avance, merci.

petit-ourson · 19 Août 2004

Bonjour à toi

Le texte est quasi-illisible avec les images en fond.

Cependant pour la centrer, tu peux faire :

 background-image: url(tonfond.png);
background-repeat: no-repeat;
background-position: center center

Modifié 19 Août 2004 par petit-ourson

juice · 19 Août 2004

salut petit ourson,

j'ai essayé ton code mais ça ne marche pas. Je l'ai peut-être mal placé.

Où faut-il le mettre ?

Voici le contenu de ma page:

<html>

<head>

--></style>

</head>

</body>

</html>

petit-ourson · 19 Août 2004

Comme expliqué en MP :

<style media="screen" type="text/css"></style>

</head>

<body bgcolor="#E6E6E6" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">

juice · 19 Août 2004

vraiment désolé de te faire c...., mais ça ne marche toujours pas !

cette fois je n'ai plus d'image.

:wacko:

petit-ourson · 19 Août 2004

Arf ...

  <style media="screen" type="text/css">
body {
                background-image: url(../GFX/DSCF0032.jpg);
                background-position: center center;
                background-repeat: no-repeat;
}
</style>

Avec le body ca devrait etre mieux ....

Oublieuse · 28 Septembre 2005

Salut! Moi aussi je voudrais centrer une image de fond, j'ai bien essaye ce code, mais il ne fonctionne pas chez moi.

Voici le code de la feuille de style:

#titre {
	height: 18em;
	width: 65em;
	font-size: 0.69em;
	overflow: hidden;
  background-image: url(http://giulia.fraboulet.free.fr/images/titre.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.menuhaut { text-align: center;
	margin-bottom: 0.2em;
	font-weight:bold;
	overflow: visible;
}

Et voici le code html correspondant:

<div id="titre">
<p class="menuhaut">
	<a href="http://www.brindailleurs.tk">Accueil</a> | 
	<a href="http://www.forums-brindailleurs.tk">Forums</a> | 
	<a href="http://giulia.fraboulet.free.fr/net/libre.php">Logiciels libres</a> | 
	<a href="http://giulia.fraboulet.free.fr/net/liensmestres.php">Créer son site</a> | 
	<a href="http://giulia.fraboulet.free.fr/MenuHaut/courrier.htm">Contact</a> | 
	<a href="http://giulia.fraboulet.free.fr/MenuHaut/moi.php">Qui suis-je?</a> | 
	<a href="http://services.hit-parade.com/hp-livredor.asp?site=323139">Livre d'or</a> | 
	<a href="http://www.breun-bed.tk"><img id="bzg" title="E brezhoneg marplij!" src="http://giulia.fraboulet.free.fr/images/drapeaubzh.jpg" alt="Drapeau breton" /></a>
</p>
</div>

Y aurait-il quelque chose que je n'aie pas compris??

Oublieuse · 28 Septembre 2005

Bon, j'ai essaye de regler mon probleme de la facon suivante (qui ne fonctionne pas je tiens a le preciser... :whistling: )

Css:

#titre {
	height: 10em;
	width: 55em;
	font-size: 0.69em;
	background-image: url(http://giulia.fraboulet.free.fr/images/titre.png);
  background-repeat: no-repeat;
  background-color:ffffff;
  margin-left:auto;
  marfin-right:auto;
  overflow: hidden;
}

.menuhaut { text-align: center;
	margin-bottom: 0.2em;
	font-weight:bold;
	overflow: visible;
}

Et le code html est toujours le meme.

Merci par avance de votre aide, parce que la je patauge... En fait, si je n'y arrive aps, je referai comme avant, a savoir appeler l'image dans le code html et la centrer comme du texte, mais mon but est de passer a un design fluide, pour eviter la deformation et le chevauchement des div lorsque l'utilisateur augmente la taille des polices. Et si je ne mets pas mon image en background, l'overflow ne fonctionne pas.

Connexion

problème d'affichage

Sujets conseillés

juice

petit-ourson

juice

petit-ourson

juice

petit-ourson

Oublieuse

Oublieuse

Veuillez vous connecter pour commenter

Parcourir

Activité