Aller au contenu

problème d'affichage

juice

Par juice
dans Le salon de Webmaster Hub

 Partager

Sujets conseillés

juice

juice

Posté
Posté

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.

Lien vers le commentaire
Partager sur d’autres sites
petit-ourson

petit-ourson

Posté
Posté (modifié)

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é par petit-ourson
Lien vers le commentaire
Partager sur d’autres sites
juice

juice

Posté
  • Auteur
Posté

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>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">

<meta name="generator" content="Multimedia Construction Kit 3">

<title></title>

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

--></style>

</head>

<body bgcolor="#E6E6E6" background="../GFX/DSCF0032.jpg" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">

</body>

</html>

Lien vers le commentaire
Partager sur d’autres sites
petit-ourson

petit-ourson

Posté
Posté

Comme expliqué en MP :

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

                background-image: url(../GFX/DSCF0032.jpg);

                background-position: center center;

                background-repeat: no-repeat;

  --></style>

</head>

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

Lien vers le commentaire
Partager sur d’autres sites
petit-ourson

petit-ourson

Posté
Posté

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 ....

Lien vers le commentaire
Partager sur d’autres sites
  • 1 year later...
Oublieuse

Oublieuse

Posté
Posté

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??

Lien vers le commentaire
Partager sur d’autres sites
Oublieuse

Oublieuse

Posté
Posté

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.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...