Flux rss
Ils ont besoin de votre aide
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Les calques dans Dreamweaver

georch, le samedi 9 août 2008 à 17:56:24
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
Configuration: Windows Vista
Internet Explorer 7.0
Répondre à georch  Signaler ce message aux modérateurs Aller au dernier message

1


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
medoc13, le samedi 9 août 2008 à 18:27:43
je viens de regarder, et je ne comprend ce que tu veux dire exactement, peux développer ta question?
   
Répondre à medoc13

2


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
georch, le samedi 9 août 2008 à 20:12:57
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
   
Répondre à georch

3


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
medoc13, le samedi 9 août 2008 à 20:16:58
essaye en pourcentage du genre 100%
   
Répondre à medoc13

4


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
georch, le samedi 9 août 2008 à 20:30:36
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 :)
   
Répondre à georch

5


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
georch, le samedi 9 août 2008 à 20:44:01
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...
   
Répondre à georch

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
garf, le samedi 9 août 2008 à 21:06:51
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
   
Répondre à garf

7


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
georch, le samedi 9 août 2008 à 21:11:17
Waaawwww merci :)
c'est cadre mon toujours embeter, avec des frames, j'ai pas le probleme et avec les tableau si... :(
   
Répondre à georch

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
garf, le samedi 9 août 2008 à 22:02:39
- 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>
   
Répondre à garf

10


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
 georch, le dimanche 10 août 2008 à 12:38:56
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 :)
   
Répondre à georch

9


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
georch, le dimanche 10 août 2008 à 11:06:57
Merci beaucoup, Je test ca aujourd'hui et je te donne des nouvelles :)
   
Répondre à georch
Posez votre question Répondre

Résultats pour Les calques dans Dreamweaver

Pb calques dreamweaver mise en ligne (Résolu) Bonjour à tous et à toutes, je suis nouvelle sur le forum et j'ai besoin de vos lumières !! j'ai réalisé mon premier site avec les calques dans dream et tout se passe bien dans la prévisualisation.... malheureusement pour moi, l'ors de... www.commentcamarche.net/forum/affich-4516129-pb-calques-dreamweaver-mise-en-ligne
Calques arrondis dans Dreamweaver (Résolu) Bonjour, Je crée un site avec Dreamweaver 8 et j'aimerais crééer des calques ayant une autre forme qu'un carré. Par exemple, arrondir les angles pour faire plus agréable visuellement. Est-ce possible ? www.commentcamarche.net/forum/affich-5599715-calques-arrondis-dans-dreamweaver
Position de calque sur Dreamweaver (Résolu) Bonjour, J'utilise Dreamweaver CS3 pour créer un site et j'aimerais savoir comment faire pour placer un calque tout en bas de la page, qui affiche le copyright. J'ai fait le calque, mais au niveau des paramètres de positionnement, je ne... www.commentcamarche.net/forum/affich-7252156-position-de-calque-sur-dreamweaver

Résultats pour Les calques dans Dreamweaver

Equivalent de Dreamweaver (gratuit)Dreamweaver est un logiciel de création de pages web très performant et réputé dans le monde professionnel. Néanmoins, son coût peut être prohibitif pour les webmasters en herbe. Ainsi, il existe des logiciels gratuits ou libres équivalents, de... www.commentcamarche.net/faq/sujet-6105-equivalent-de-dreamweaver-gratuit
Dreamweaver2 ne démarre pas sur winXPProblème Lors de l'installation de dreamweaver2 sur winXP, le logiciel ne veut pas démarrer. Il s'agit de la copie dreamweaver2 en français qui fut distribuée gratuitement en 2002, mais le problème n'est peut-être pas limité qu'à cette... www.commentcamarche.net/faq/sujet-1546-dreamweaver2-ne-demarre-pas-sur-winxp
Réponses suivantes

Résultats pour Les calques dans Dreamweaver

Les calques dans Dreamweaver (Résolu)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... www.commentcamarche.net/forum/affich-7819591-les-calques-dans-dreamweaver
DREAMWEAVER8 > Système de calques (Résolu)Bonjour à tous. Tout d'abord merci pour ce forum ; on y trouve vraiment une foule d'infos. Malheureusement, cette fois, j'ai pas trouvé la solution à ce problème. J'ai DREAMWEAVER 8 et j'ai placé des calques sur la page.... www.commentcamarche.net/forum/affich-3531437-dreamweaver8-systeme-de-calques
Aide création site Dreamweaver (Résolu)Bonjour, Je viens de commencer un site avec Dreamweaver et je souhaite et espére que vous pourriez me donner un coup de main. 1° J'ai mon bandeau et menu à l'interrieur d'un calque sur ma page index et je voudrais les inclure dans ma... www.commentcamarche.net/forum/affich-4433593-aide-creation-site-dreamweaver
Réponses suivantes