Titre: Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 21-07-2003 a 15:33:18
Salut tout le monde,
Voilà je suis en train de créer ma page d'accueil sous dreamweaver et photoshop. Le problème c'est que les gifs que j'ai crée et que je rajoute sous dreamweaver ne restent qu'à leur juste place qu'en résolution 1024 x 768. Je crée un layer sous dreamweaver, importe mon gif et ensuite je place le layer avec le gif à la bonne place... Je viens juste de me rendre compte que mes gifs foutent le camps n'importent où lorsque la fenêtre du navigateur est réduite ou lorsque je change de résolution...
Est-ce que quelqu'un pourrait me dire comment remédier à ce problème? |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: SIBELIUS le le 21-07-2003 a 16:06:30
Tu peux nous dire comment tu as placé tes divs ? Sont-ils positionnés (absolute, relative) ou non ?
Le reste de ton site est positionné comment ? (centré ou non ?) |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: DJolhan le le 21-07-2003 a 19:16:39
Lord Inator
oublie les calques, et met toi au tableau
Tu verras, tu n'auras plus de probleme de positionements. |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: SIBELIUS le le 21-07-2003 a 19:28:27
oublie les calques, et met toi au tableau
Tu verras, tu n'auras plus de probleme de positionements.
|
|
La bonne blague ! :)
... et dire que c'est soit-disant un professionnel qui dit ça. :( |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 21-07-2003 a 19:37:15
Absolute, relative? Aucune idée... J'ai pas trouvé cette option (si tu peux m'expliquer à quoi ça correspond). Mon site est centré, mais sa mise en forme n'est pas classique puisque la plupart des liens se font en cliquant sur des dessins etc... Donc je me suis dit qu'il valait mieux tout le dessiner sous photoshop et ensuite rajouter les gifs en utilisant des calques et donc sans retoucher le dessin... Sinon comment faire avec les tableaux?
Merci à tous ceux qui prendront la peine de me répondre! ;-) |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: SIBELIUS le le 21-07-2003 a 19:51:14
Les tableaux, c'est la façon qui est (était) utilisée pour structurer sa page et placer les objets et images.
C'est une technique qui est de moins en moins utilisée par les pros puisqu'elle a de nombreux désavantages, mais surtout parce qu'elle n'est pas propre : un tableau est conçu pour présenter des données... tabulaires ! (http://pompage.net/pompe/csspratique/)
Pour ton problème, il va falloir mettre les mains dans le code et avoir une peu de patience car le jeu en vaut la chandelle.
Je te conseille très vivement de lire tranquilement les ressources que tu trouveras ici : http://openweb.eu.org/mise_en_page/ |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 21-07-2003 a 20:12:59
Merci Sibelius,
Au fait mes layers étaient en "relative"... Sinon je vais lire ces articles mais si qqun pouvait quand même m'expliquer en "gros" comment faire pour que les layers ne bougent plus suivant la résolution, ca me serait également très utile ;-) Du moins à quelle caractéristique du code cela tient...
Merci |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: SIBELIUS le le 21-07-2003 a 20:40:41
Pour que les layers soient fixes, il faut les placer au pixel près, en position absolue.
Mais si ton site est centré, c'est lui qui se décale lorsque la résolution change. |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 21-07-2003 a 21:09:33
Waip, j'ai vu ca... Cela dit tu ne me dis tjs pas comment faire! lol Ma page est effectivement centrée et mes layers sont placés au pixel près étant donné qu'ils correspondent au fond à la façon d'un puzzle... Ceci dit sous dreaweaver les layers sont visuellement décalés par rapport au "vrai" affichage lorsque je fais un "preview". Je les place donc à l'oeil en tenant compte du décalage. Donc comment fixer ces ****** de layers une bonne fois pour toute?
Merciiiiiiiiiiiiiiiiiiiiiiiiii! Les nerfs lachent... ;-)
|
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: SIBELIUS le le 21-07-2003 a 21:22:01
Bon, pour placer tes div (et non "layer"), ça dépend du reste de ton code.
Comment est structurée ta présentation ? Ce sont des tableaux ?
Si oui, il faut que tu :
- vires l'attribut de position dans la balise div
- places la balise div dans la cellule de tableau où elle doit apparaître (on la placera au pixel prè grâce aux marges)
PS : je pars en vacances, donc il faudra certainement attendre un peu pour des explications détaillées.
Mais si tu veux des exemples, tu peux voir la structure de 2 de mes sites en signature : www.alsacreations.com et www.slconstantia.com (la page d'accueil est centrée et construite uniquement avec des calques) |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 21-07-2003 a 22:02:23
| Merci pour tes nombreuses réponses Sybelius c'est sympa ;-) Ma page se résume à un dessin avec toutes les rubriques nécessaires, images, etc... fait sous photoshop. Donc je n'ai pas encore découpé l'image. Sous dreamweaver j'insers simplement l'image contenant le tout et la met au milieu de la page avec la couleur de fond pareil que le dessin... Ensuite je rajoute les hotspots et ces fameux gifs que j'essaye de placer correctement... Donc pas de tableaux... |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: SIBELIUS le le 21-07-2003 a 22:44:24
Arg, mais ton image doit être très lourde alors !? :-X
Mais en tout cas ça facilite les choses pour les explications.
Malheureusement, je n'ai plus le temps pour les grosses explications détaillées, mais la page d'accueil de slconstantia.com est construite comme tu le veux (à part le calque "popup" qui estr placé en absolute).
Il te suffit de jeter un coup d'oeil au code source et de t'en inspirer.
Je peux également te conseiller un très bon tuto : http://www.dreamweaver-forum.net/viewtopic.php?t=914 |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 21-07-2003 a 23:09:59
Merci je vais aller voir ton tuto... Mon image est assez lourde oui, mais je vais l'alléger en la découpant en plusieurs images et en ne sauvegardant en haute résolution que l'indispensable... Pour l'instant elle fait environ 65k :-/ Mais bon j'imagine que j'ai pas trop le choix si je veux avoir un design un peu moins "classique" en dessinant quasiment tout... Enfin je suis ouvert à toute proposition ;D
ps: les calques ne bougent pas il me semble, comme tu l'as dit... Ca doit être l'image du centre qui n'est plus positionner correctement lorsque je réduis la fenêtre ou change de résolution, ce qui fait que les calques semblent bouger :-( |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: DJolhan le le 22-07-2003 a 11:54:18
oublie les calques, et met toi au tableau
Tu verras, tu n'auras plus de probleme de positionements.
|
|
La bonne blague ! :)
... et dire que c'est soit-disant un professionnel qui dit ça. :(
|
|
Merci d'eviter ce genre d'attaques, si je réponds ca, c tout simplement parceque c'est la maniere la plus simple a comprendre.
maintenant, chacun préfere sa propre methode, de plus, les tableau sont "plus" compatible avec les autres Browser que les layer.
De plus, Lord Inator ne me semblais pas tres fort, donc, je l'ai orienté vers une solution, ce qu'il demandais.
voila, alors, merci d'eviter ce genre de petites remarques incisive.
|
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: SIBELIUS le le 22-07-2003 a 12:11:41
Je me suis un peu laissé emporter et je m'en excuse.
Mais cela n'empêche que le discours préhistorique du design-tableau est à jeter à la poubelle dorénavant.
- Il n'est pas plus simple à comprendre (il est beaucoup plus logique de raisonner en "zones", en div)
- Il est sémantiquement faux, et cela donne des résultats affreux sur certains browsers (notamment les browsers pour aveugles ou autres handicaps)
- Il rend les choses beaucoup plus complexes (notamment avec l'imbrication multiples de sous-tableaux) et difficiles à mettre à jour.
- Il n'y a qu'avec les browsers dinosaures que les div (différent de layers) ne sont pas compatibles... par contre, ils sont compatibles sur tous les browsers qui respectent les Standards du web (que tous professionnels devraient respecter)
Par contre, dans ton discours tu as tout à fait raison : Lord Inator ne semble pas très aguerri et tu l'as orienté vers une solution que tu trouvais appropriée. |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 22-07-2003 a 15:04:27
"Lord Inator ne semble pas très aguerri et tu l'as orienté vers une solution que tu trouvais appropriée."
"De plus, Lord Inator ne me semblais pas tres fort"
Merci d'eviter ce genre d'attaques!!! Je ne suis pas "pas très fort" mais un super débutant! lol ;D Enfin quoique pask je rame toujours pour ces questions de layers... Une réponse claire ne devrait pas être bien compliquée à fournir pour qui sait vraiment! ;-)
Allez hop je colle mon code source!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; ]
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head><BODY BGCOLOR=#770051 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0><body>
<div align="center"><img src="TESTMONSITE9.jpg" width="800" height="600">
<div id="Layer3" style="position:absolute; width:200px; height:115px; z-index:3; left: 648px; top: 131px;"><img src="testtvanim2.gif" width="150" height="150" border="0" usemap="#Map2">
<map name="Map2">
<area shape="circle" coords="74,75,74" href="#">
</map>
</div>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 123px; top: 187px;"><img src="Testanim_pasencoreinscrit_rapide.gif" width="219" height="61" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="11,22,211,42" href="#">
</map>
</div>
</div>
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 657px; top: 362px;"><img src="Slogan.gif" width="125" height="100"></div>
</body>
</html>
|
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: SIBELIUS le le 22-07-2003 a 15:11:03
| Il vaudrait mieux proposer un zip... parce que du code sans les images associées... :-\ |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: DJolhan le le 22-07-2003 a 15:33:07
Je me suis un peu laissé emporter et je m'en excuse.
- Il rend les choses beaucoup plus complexes (notamment avec l'imbrication multiples de sous-tableaux) et difficiles à mettre à jour.
|
|
heu, ca dépends comment tu consoit ton site ;)
Mais j'avoue que ca peux etre chiant.
- Il n'y a qu'avec les browsers dinosaures que les div (différent de layers) ne sont pas compatibles... par contre, ils sont compatibles sur tous les browsers qui respectent les Standards du web (que tous professionnels devraient respecter)
|
|
Malheureusement, bcp encore utilisent des dinosaure, c pour cela que je les ai tous, histoire d'avoir le moin de probleme de conpatbilité possible.
|
|
@Lord Inator : serais mieux un bon zip comme l'a suggéré Sibelius
|
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: SIBELIUS le le 22-07-2003 a 15:39:39
JokoZetla : "Malheureusement, bcp encore utilisent des dinosaure, c pour cela que je les ai tous, histoire d'avoir le moin de probleme de conpatbilité possible."
>>> Tu as raison : beaucoup de grosses sociétés ont encore un vieux parc informatique.
Par contre, si tu te soucies de la compatibilité, je te conseille d'éviter le bouton d'entrée en Flash6 sur ton site : sachant que le plugin n'est livré de base qu'avec WinMx et que la plupart des internautes ne téléchargent jamais de plugins, tu vas empêcher énormément de visiteurs d'accéder à ton site :(
Pour info : à l'heure actuelle, seul 56% des ordis tournent sous MX
EDIT : tiens, je remaque d'ailleurs que TOUT ton site est en Flash6 :-\ |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 22-07-2003 a 16:26:42
Voilà le lien où vous trouverez un zip avec mes images et mon index... Comme ça vous saurez à quoi vous en tenir!
http://www.dreamweaver-forum.net/viewtopic.php?p=23863#23863
fichier joint à mon post en bas de page ;-)
|
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: DJolhan le le 22-07-2003 a 17:51:17
oué, c''est justement la remarque que je me faisait.....
je pense que je vais faire un portail pure HTML et un portail flash..
Je suis en train de voir ca avec mes collegues.
Car effectivement, tout le monde n'as pas flash, enfin, y en quand meme bcp qui l'ont mais c vrai que si je veux que l'on touche 100%, il va me falloir jouer dans la coure des Gif et jpeg
|
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: SIBELIUS le le 22-07-2003 a 18:17:09
je pense que je vais faire un portail pure HTML et un portail flash..
|
|
Yep, bonne idée ;) |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: DJolhan le le 22-07-2003 a 18:18:43
je te préviendrais quand ce sera terminé ;)
|
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 22-07-2003 a 18:50:41
| Heuuuuu vous semblez oublier mon problème!!! mdr |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: onkr le le 22-07-2003 a 19:27:43
voici ton code à coller entre les balises "body"
<div align="center" id=fond style="width: 800; height: 600"><img src="TESTMONSITE9.jpg" width="800" height="600">
<div id="Layer3" style="position:absolute; width:200px; height:115px; z-index:3; left: 545px; top: 120px;"><img src="testtvanim2.gif" width="150" height="150" border="0" usemap="#Map2">
<map name="Map2">
<area shape="circle" coords="74,75,74" href="#">
</map>
</div>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 22px; top: 185px;"><img src="pasencoreinscrit.gif" width="219" height="61" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="11,22,211,42" href="#">
</map>
</div>
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 520px; top: 362px;"><img src="Slogan.gif" width="125" height="100"></div></div>
|
|
Onkr. |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 23-07-2003 a 17:38:40
Merci Onkr,
Les layers ne bougent plus... enfin même s'ils sont un poil décalés (je vais y remédier je pense) ... mais le tout est à gauche alors que le tout devait être centré.
Tu sais comment recentrer le tout? |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: onkr le le 23-07-2003 a 20:24:59
<div align="center">
<div id=fond style="width: 800px; height: 600px"><img src="TESTMONSITE9.jpg" width="800" height="600" align="center"><div id="Layer3" style="position:relative; width: 150px; height: 150px; z-index: 3; left: 250px; top: -480px"><img src="testtvanim2.gif" width="150" height="150" border="0" usemap="#Map2"><map name="Map2"><area shape="circle" coords="74,75,74" href="#"></map></div><div id="Layer2" style="position:relative; width: 219px; height: 61px; z-index:2; left: -268px; top: -564px"><img src="pasencoreinscrit.gif" width="219" height="61" border="0" usemap="#Map"><map name="Map"><area shape="rect" coords="11,22,211,42" href="#"></map></div><div id="Layer1" style="position:relative; width: 125px; height: 100px; z-index:1; left: 220px; top: -450px"><img src="Slogan.gif" width="125" height="100"></div></div></div>
|
|
++
Onkr. |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 23-07-2003 a 21:47:54
Merci bcp Onkr!
Comme quoi il suffisait que qqun sache vraiment comment faire :-) Heuuu j'ose juste te demander encore pourquoi il y a un si grand espace vide en bas de page? Comment l'enlever? J'avais crée cette page pour qu'elle tienne dans une fenêtre sans besoin de scroll...
Merci encore ;-) |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: onkr le le 23-07-2003 a 22:48:58
desolé , j'ai pas posté le bon ...
<center>
<div id="Layer1" style="position:relative; width:800px; height:600px; z-index:1">
<div id="Layer1" style="position:absolute; width:219px; height:61px; z-index:1; left: 22px; top: 185px"><img src="pasencoreinscrit.gif" width="219" height="61"></div>
<img src="TESTMONSITE9.jpg" width="800" height="600">
<div id="Layer3" style="position:absolute; width:125px; height:100px; z-index:3; left: 560px; top: 361px"><img src="Slogan.gif" width="125" height="100"></div>
<div id="Layer2" style="position:absolute; width:150px; height:150px; z-index:2; left: 570px; top: 135px"><img src="testtvanim2.gif" width="150" height="150"></div>
</div>
</center>
|
|
onkr. |
Titre: Re:Problème de positionnement de gifs sous Dreamweaver :-(
Posté par: Lord Inator le le 23-07-2003 a 23:14:44
| Merci bcp c'est très sympa de ta part! Si tu étais une fille je te ferais un bisou! lol ;) |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|