Petit problème avec Dreamweaver 4

Cassius · **Posté:** 16 Mars 2010, 12:44

Bonjour à tous,
Ayant conçu mon modeste site il y a des années avec dreamweaver 4, je suis confronté au problème suivant :
j'ai mis sur la page d'index une image de fond via le choix dans le menu "Background image"
le probléme est que cette photo, en fonction de la dimension des écrans, apparaît correctement ou en mosaïque (ce qui est horrible). Quelqu'un pourrait-il m'aider en me disant comment faire pour qu'elle se dimensionne correctement en prenant tout l'écran que cela soit sur un 19 pouces ou un 22 etc...
Vous pouvez visionner le problème sur mon site en ouvrant la page :
http://users.skynet.be/nature-et-photos

Merci de votre aide

SNF69 · **Posté:** 16 Mars 2010, 12:51

Salut,

J'ai déplacé ton sujet dans la bonne section dédié à tout ce qui est technique

Pour ton problème il n'y a pas de solution, une image se redimensionne pas automatiquement sur un site internet sauf si c'est ce que l'on appel du vectoriel comme flash pas exemple.

Dans ton cas soit tu lui donne une taille fixe en suite tu auras une autre couleur en débordement, soit tu choisis la mosaïque mais je te confirme c'est horrible

.

Sinon tu peux choisir directement un fond uni mais en l'état pas moyen de couvrir toutes les résolutions d'écran

Seb

Djam · **Posté:** 16 Mars 2010, 13:27

Dans ta balise background-image: url(Images/ruine%20B.jpg); ajoute ceci
background-image: url(Images/ruine%20B.jpg) no-repeat;

est ce que cela change quelque choses ?

SNF69 · **Posté:** 16 Mars 2010, 13:32

Djam a écrit:

Dans ta balise background-image: url(Images/ruine%20B.jpg); ajoute ceci
background-image: url(Images/ruine%20B.jpg) no-repeat;

est ce que cela change quelque choses ?

Il doit avoir, dans dreamweaver une option interdisant de ne pas répéter l'image mais ce n'est pas exactement ce qu'il souhaite à première vue

il aimerait un redimensionnement auto mais ça ce n'est pas possible en tout cas avec la configuration actuelle de son site

Seb

SNF69 · **Posté:** 16 Mars 2010, 13:35

Ou une autre solution mettre ton site dans une "div" que tu centres dans ta page avec une certaine taille et un fond gris pour le reste au vue de ton image de fond, comme pas de problème de résolution

Seb

Djam · **Posté:** 16 Mars 2010, 14:18

+1 pour la div + css pour centrer :good:

Cassius · **Posté:** 16 Mars 2010, 20:00

Djam a écrit:

+1 pour la div + css pour centrer :good:

Merci à vous pour les conseils, je vais tester cela. Pouvez-vous m'en dire plus sur la div et le CSS ??Merci

Cassius · **Posté:** 16 Mars 2010, 20:47

En fait voilà ma ligne de code

<style type="text/css">
<!--
body {
background-image: url(Images/ruine%20B.jpg);
}

Comment puis-je la changer ??

Djam · **Posté:** 16 Mars 2010, 21:44

Cassius, essait ceci :

<style type="text/css">


</style>
</head>

<body>
<div class="root">ici le contenu de ton cadre photo</div>
</body>

En mettant ta div avec la class root, tu intègres la photo en image de fond et tu délimites les contours de la div avec width et height. tu positionnes normalement au milieu de ton écran ta div root. ça devrait marcher !

Cassius · **Posté:** 16 Mars 2010, 21:49

grand merci à toi, je vais tester cela le plus rapidement possible.

SNF69 · **Posté:** 17 Mars 2010, 10:23

Djam a écrit:

Cassius, essait ceci :

<style type="text/css">


</style>
</head>

<body>
<div class="root">ici le contenu de ton cadre photo</div>
</body>

En mettant ta div avec la class root, tu intègres la photo en image de fond et tu délimites les contours de la div avec width et height. tu positionnes normalement au milieu de ton écran ta div root. ça devrait marcher !

Clair et sans bavures :good:

Seb

Règles du forum

Petit problème avec Dreamweaver 4

Qui est en ligne