Forum Image & Nature
https://forum.image-nature.com/

Petit problème avec Dreamweaver 4
https://forum.image-nature.com/viewtopic.php?f=15&t=13907		 Page 1 sur 1
Auteur:  Cassius [ 16 Mars 2010, 12:44 ]
Sujet du message:  Petit problème avec Dreamweaver 4
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
Auteur:  SNF69 [ 16 Mars 2010, 12:51 ]
Sujet du message:  Re: Petit problème avec Dreamweaver 4
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
Auteur:  Djam [ 16 Mars 2010, 13:27 ]
Sujet du message:  Re: Petit problème avec Dreamweaver 4
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 ?
Auteur:  SNF69 [ 16 Mars 2010, 13:32 ]
Sujet du message:  Re: Petit problème avec Dreamweaver 4
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
Auteur:  SNF69 [ 16 Mars 2010, 13:35 ]
Sujet du message:  Re: Petit problème avec Dreamweaver 4
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
Auteur:  Djam [ 16 Mars 2010, 14:18 ]
Sujet du message:  Re: Petit problème avec Dreamweaver 4
+1 pour la div + css pour centrer :good:
Auteur:  Cassius [ 16 Mars 2010, 20:00 ]
Sujet du message:  Re: Petit problème avec Dreamweaver 4
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 ;)
Auteur:  Cassius [ 16 Mars 2010, 20:47 ]
Sujet du message:  Re: Petit problème avec Dreamweaver 4
En fait voilà ma ligne de code

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

Comment puis-je la changer ??
Auteur:  Djam [ 16 Mars 2010, 21:44 ]
Sujet du message:  Re: Petit problème avec Dreamweaver 4
Cassius, essait ceci :

<style type="text/css">
<!--
.root {
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:1200px;
height:700px;
position:relative;
top:0px;
background:transparent url(Images/ruine%20B.jpg);
background-color: #CCCCCC;
}
-->

</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 !
Auteur:  Cassius [ 16 Mars 2010, 21:49 ]
Sujet du message:  Re: Petit problème avec Dreamweaver 4
grand merci à toi, je vais tester cela le plus rapidement possible.
;)
Auteur:  SNF69 [ 17 Mars 2010, 10:23 ]
Sujet du message:  Re: Petit problème avec Dreamweaver 4
Djam a écrit:
Cassius, essait ceci :

<style type="text/css">
<!--
.root {
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:1200px;
height:700px;
position:relative;
top:0px;
background:transparent url(Images/ruine%20B.jpg);
background-color: #CCCCCC;
}
-->

</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
Page 1 sur 1 Heures au format UTC + 1 heure [ Heure d’été ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/