Les calques dans Dreamweaver

Résolu
georch Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   -  
georch Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

je suis en train de faire un site internet pour une cousine, seulement j'ai un ptit problème avec ces calques : http://users.belgacom.net/hautiergeoffrey/page1.html
Selon les écrans vous verez les images tout a fait a gauche ou tout a fait a droite, p-e même en dehors du tableau.
Je sais qu'on donne une position a un calque, mais comme lui dire qu'il ne faut pas lui faire prendre la position de la page mais du tableau?
J'aimerai avoirs ces images centrées sur la case principale du tableau...
Pourriez vous m'aider?
Merci d'avance

9 réponses

Réponse 1 / 9
georch Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   6
 
Waaawwww merci :)
c'est cadre mon toujours embeter, avec des frames, j'ai pas le probleme et avec les tableau si... :(
2
Réponse 2 / 9
georch Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   6
 
Merci beaucoup, Je test ca aujourd'hui et je te donne des nouvelles :)
1
Réponse 3 / 9
medoc13 Messages postés 65 Date d'inscription   Statut Membre Dernière intervention   21
 
je viens de regarder, et je ne comprend ce que tu veux dire exactement, peux développer ta question?
0
Réponse 4 / 9
georch Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   6
 
Bonsoir,

En fait, les images qui sont sur cette page la, sont dans des claques. c'est calque me permette d'interragir avec les photos pour les faire agrandir au centre.
Cependant, lorsque que je suis dans dreamweaver, l'ensemble des photos sont parfaitement centrée avec le fond de la cellule du tableau (les bambous) et une fois que je fais un appercu, elles sont décallée a gauche. Lorsque je regarde sur un écran plus petit que le mien, les photos sortent du cadre.
Je sais que les calques n'écessite une position en pixel, mais comment faire pour que cette position se fasse par rapport a la cellule du tableau?

Ai je été assez clair ? :s

Merci
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 9
medoc13 Messages postés 65 Date d'inscription   Statut Membre Dernière intervention   21
 
essaye en pourcentage du genre 100%
0
Réponse 6 / 9
georch Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   6
 
ca a l'air d'aller avec le pourcentage, maintenant faut recalculer par rapport a la taille de la surface sur laquelle jai fait mon site :p

Merci :)
0
Réponse 7 / 9
georch Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   6
 
ca fonctionne a moitié... quand je change d'écran avec une autre résolution, les images sont denouveau décalée mais on l'air plus centrée...
0
Réponse 8 / 9
garf
 
le pb c'est que tu plaçes tes images en absolute avec des décalages vers la droite jusqu'à plus de 1000 pixels.
sur ma résolution à 1024x768 les images sont évidemment en dehors de la page.

je te réécris le code avec les corrections et je poste
0
Réponse 9 / 9
garf
 
- suppression des calques pour l'utilisation d'un script plus simpl. voir code sur image 1
- modification de la mise en page. utilisation du css sans absolute.
- suppression du menu en flash pour de css. c'est un exemple et tu peux évidemment utiliser des images en fond du texte
- ton bandeau en entête fait 1195 pixels. soit tu fais une page adaptable au format du visiteur soit tu fais une page de 950px de large maximum. tout le monde n'a pas d'écran grand format


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bienvenue sur www.massage-harmonie.net</title>
<style type="text/css">
<!--
body {
background-color: #CC9966;
font: 76% arial,sans-serif;
}
#footer {
color: #663300;
font-weight: bold;
}

#container{width:1195px;margin:0 auto;}
div#content{height:801px;background:url(http://users.belgacom.net/hautiergeoffrey/fond.jpg) no-repeat;}
div#gallerie{width:850px;margin:0 auto;padding-top:30px;}
div#zoom{float:right;width:650px}
div#gallerie_gauche{float:left;width:200px}
div#gallerie_bas{clear:both;width:100%}
#gallerie_gauche img, gallerie_bas img{
border:0;
padding:4px;
margin:2px;
}
#menu{height:25px;background:#FFF;}
#menu ul{padding:0;margin:0;list-style-type:none;}
#menu ul li{float:left;}
#menu ul li a{color:#39C;background:#f5fbff;border:1px solid #e4f4fc;padding:6px 4px 4px 4px;margin-right:20px;font-size:16px;font-weight:700;text-decoration: none;}
#menu ul li a:hover, #menu ul #active a{color:#993;background: #f4fbdc}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<script type="text/javascript">
<!--
function swap_image( affichage, nom){
if( affichage=='on'){
document.getElementById('swap').innerHTML = '<img src="http://users.belgacom.net/hautiergeoffrey/photo/'+nom+'.JPG" />';
}
if( affichage=='off'){
document.getElementById('swap').innerHTML = '';
}

}
//-->
</script>
</head>

<body>

<div id="container">
<div id="header">
<img src="http://users.belgacom.net/hautiergeoffrey/bandeau.jpg" />
</div>
<div id="menu">
<ul>
<li><a href="#">Accueil</a></li>
<li id="active"><a href="#">Photos</a></li>
<li><a href="#">Massage</a></li>
<li><a href="#">Espace sensoriel</a></li>
<li><a href="#">Plaisir d'offrir</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="gallerie">
<div id="wrapper">
<div id="zoom">
<div id="swap"></div>
</div>
</div>
<div id="gallerie_gauche">
<img src="http://users.belgacom.net/hautiergeoffrey/photo/2.JPG" width="113" height="150" onmouseover="swap_image('on', '2');" />
<img src="http://users.belgacom.net/hautiergeoffrey/photo/3.JPG" width="113" height="150" onmouseover="swap_image('on', '3');" />
<img src="http://users.belgacom.net/hautiergeoffrey/photo/4.JPG" width="113" height="150" onmouseover="swap_image('on', '4');" />
</div>
<div id="gallerie_bas">
<img src="http://users.belgacom.net/hautiergeoffrey/photo/9.JPG" width="113" height="150" onmouseover="swap_image('on', '9');" />
<img src="http://users.belgacom.net/hautiergeoffrey/photo/1.JPG" width="150" height="113" onmouseover="swap_image('on', '1');" onmouseout="swap_image('off', '');" />
<img src="http://users.belgacom.net/hautiergeoffrey/photo/5.JPG" width="150" height="113" onmouseover="swap_image('on', '5');" />
<img src="http://users.belgacom.net/hautiergeoffrey/photo/6.JPG" width="150" height="113" onmouseover="swap_image('on', '6');" />
<img src="http://users.belgacom.net/hautiergeoffrey/photo/7.JPG" width="150" height="113" onmouseover="swap_image('on', '7');" />
<img src="http://users.belgacom.net/hautiergeoffrey/photo/8.JPG" width="113" height="150" onmouseover="swap_image('on', '8');" />
</div>
</div><!-- /gallerie -->
</div><!-- /content -->

<div id="footer">
Site Web réalisé par <a href="http://www.homecarddesign.be">Home Card Design</a>
</div>
</div><!-- /container -->

</body>
</html>
0
georch Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   6
 
Oki, c'est nickel Chrome :D
Une derniere petite question j'aimerai que les photo qui apparaissent au centre, surtout celles du bas, reste dans l'encadrement de photo, car il risque d'avoir encore des photos a rajouter sur la droite...
Merci :)
0

Discussions similaires

question pix mot caché
aorum10 -
astrid-g85 -

6 réponses
Photoshop, pas de fenetre calque...
arnodu73 -
Marco -

9 réponses
photoshop: défusionner des calques
antoine -
antoine -

2 réponses
Comment trouver les fichier cachés ?
zup68 -
VoiciTaReponse -

124 réponses
Modes de fusion grisé et inutilisable sur Photohop CS6
Okoj -
thoux -

4 réponses