Webmaster Hub > problème d'affichage

Version complète: sur le forum Webmaster Hub : problème d'affichage

Webmaster Hub > Accueil > Le salon de Webmaster Hub

juice

jeudi 19 août 2004 à 09:39

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

jeudi 19 août 2004 à 09:46

Bonjour à toi

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

Cependant pour la centrer, tu peux faire :

CODE

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

juice

jeudi 19 août 2004 à 10:35

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>

petit-ourson

jeudi 19 août 2004 à 11:22

Comme expliqué en MP :

CITATION

juice

jeudi 19 août 2004 à 12:28

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

cette fois je n'ai plus d'image.

petit-ourson

jeudi 19 août 2004 à 12:31

Arf ...

CODE

Avec le body ca devrait etre mieux ....

Oublieuse

mercredi 28 septembre 2005 à 21:12

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:

CODE

#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:

CODE

<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

mercredi 28 septembre 2005 à 22:23

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

)

Css:

CODE

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

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.