Position d'un layer Dreamweaver 8

Eliza -  
 fab75018 -
Bonjour,

En local,mon calque est centré, mais sur mon site,il se déporte sur la gauche au lieu de rester centré, comment résoudre ce problème ?
Autre question : j'ai configuré une barre de défilement, mais sous Mozilla, cela ne passe pas, je me retrouve avec la barre basique de windows
A voir également:

7 réponses

Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bonjour,

Indique-nous l'adresse de la page.
Qu'on voit de quoi on parle.

Pour les barres, ces propriétés ne sont compatibles qu'avec Internet Explorer.
Pour peu que tu utilises la modification par CSS.

--
0
Eliza
 
Salut Gihef,
http://www.h2or.fr
accès à la page bio en promenant la souris sur l'image mappée de l'accueil.
J'ai un Css pour configurer ma barre de scroll. Il faut peut-être prévoir des "if" machin ...je ne connais pas le javascript...quel est le navigateur le +utilisé ? Mozilla ou IE ?
0
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Je ne sais pas ce que tu connais de HTML et de CSS.
J'ai l'impression que tu bricoles avec DW (-;
Cependant, je te propose ces quelques pistes pour cette page.

Pour ton bloc à centrer, essaye d'utiliser d'autres marges
#Layerbio {
  position:absolute;
  width:408px;  /* avec des dimensions paires, c'est plus précis */
  height:150px;
  z-index:1;
/*  left: 205px;
  top: 628px;*/
  left: 50%;
  bottom : 25px;
  margin-left : -204px;
  overflow: scroll;
  visibility: visible;
  font-weight : bold;
  text-align : justify;
  }
Tu pourrais faire un peu plus parce que cette solution n'est pas entièrement satisfaisante (réduis la taille de la fenêtre).
Place tes données dans un bloc qui les contiendra toutes.
Donne-lui des dimensions et positionne-le au centre. Et tout restera centré.
Après un peu de ménage, ça donne cet exemple.

Le mieux, si tu comptes faire vivre ce site, est de faire encore autrement, sans tableau.
Avec d'autres blocs qui contiendront tes images en arrière-plan.
Un peu comme cet exemple qui utilise du float pour positionner les différentes parties. On pourrait n'utiliser que du absolute.

À tester.

Quelques statistiques :
https://www.w3schools.com/browsers/default.asp
https://www.w3counter.com/globalstats.php
http://danzcontrib2.free.fr/statistiques.php

Si tu tiens à tes scrolls, laisse comme ça.
Les autres navigateurs n'en tiendront pas compte.

++
Évite de multiplier les styles identiques et les éléments inutiles (tu peux supprimer tous les <span> et pas mal de <div>).
Donne-leur des noms évocateurs.
Et comme tu utilises des feuilles de styles, place l'ensemble des styles dedans.
Par exemple, tout ça, c'est pareil :
.Style3 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Style5 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Style6 {font-size: 12px}
.Style7 {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
Quelle feuille de styles veux tu utiliser ?
<link href="scrollbar.css" rel="stylesheet" type="text/css">
<link href="../divers/scrollbar.css" rel="stylesheet" type="text/css" media="screen" />

Demande à DW de n'utiliser que des styles en CSS, pas de mise en forme en HTML.

--
0
Eliza
 
Merci pour ton aide Gihef,
Très impressionnée par les exemples que tu as réalisé :-) est ce que vraiment on est obligé d'avoir les barres de défilement de base ? on ne peut pas les personnaliser pour qu'elles "passent" partout ? c'est dommage de réaliser un effet qui est viré par le navigateur...
J'ai en effet bien pataugé pour cette page : les données que j'avais définies en page modèle n'ont pas été prises en compte lorsque j'ai mis le texte dans le calque. Les caractères étaient noirs alors que dans les propriétés ils sont blancs...dc, je lis des guides de DW mais ne trouve pas forcément les réponses....les styles différents n'ont pas lieu d'être là, mais si je les enlève, le texte du calque est chamboulé...
Je veux garder un calque plus petit, car j'aime bien la barre de scroll avec les 2 petites pointes roses (avec IE)
A moi de jouer maintenant, très intéressant les stats, je n'ai pas Firefox, dc, sais pas ce que donne mes pages avec ce navigateur...
0
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Firefox

Cet exemple a supprimé tout ces styles inutiles.

Ta méthode pour les barres de défilement est propriétaire. Elle ne fonctione donc que dans les navigateurs qui en sont la cible.

On trouve des solutions alternatives.
Mais il faut en passer par du Java (je n'en ai pas) ou du Javascript par exemple.
Cette page en montre un exemple simple en Javascript.
Pour fonctionner, Javascript doit être activé dans le navigateur du visiteur.


++
J'utilise un Mac et IE m'est interdit.
Remarque, je m'en passe (-;

--
0

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

Posez votre question
Eliza
 
Merci encore Gihef. J'AI Firefox/ Mozilla en fait c'est le même J 'utilise tjs IE, donc, même pas regardé de près l'autre navigateur...en tout cas, en suivant tes indications, cela a bien positionné mon calque au centre. Du moins c/ moi...Voilà une affaire résolue. Il faudrait que je reprenne le code de ton exemple, je ne me sens pas assez forte pour trier et éliminer les pâtés de ma page. Si le calque disparaît, je l'aurai mauvaise ! C'est grave si mon code est moche ?
Question sur la navigation en page d'accueil : faut-il indiquer que la souris doit se promener sur l'image ou bien le visiteur lambda y va tout seul comme un grand ? J'avoue que l'idée d'ajouter un texte explicatif ne me séduit pas...

Ton exemple 2 me plait, regarder le code est un plaisir, tellement c'est bien organisé. Comme je veux réaliser un autre site, avec beaucoup d'images, il faut que j'améliore la conception. Ce que tu vois est un petit début. J'ai utilisé les tableaux car le guide de Stéphane Colombot (ed Dunod) était bien clair. Lorsque tu écris "Avec d'autres blocs qui contiendront tes images en arrière-plan", cela signifie que je ne travaillerai qu'avec des calques ?
0
Gihef Messages postés 5165 Statut Contributeur 2 779
 
“C'est grave si mon code est moche ?”
Non. Sauf pour quelques intervenants dans les forums qui doivent le consulter (-;
Mais plus une page est simple, plus elle est facile, rapide à traiter par les navigateurs.
Les tiennes sont, pour l'instant, assez légères pour que ça passe.

“le visiteur lambda”, moi, a été dérouté.
Il a fallu qu'il cherche. Pas bon.
Quelque chose doit s'afficher lorsqu'il promène sa souris.
Un simple “title="…"” dans les <img /> est un minimum.
Bonne question.
Es-tu sûre que cette page est nécessaire ?

“je ne travaillerai qu'avec des calques ?”
Si c'est comme ça qu'il les appelle, oui.
Essaye de t'y mettre.
À l'usage, tu y trouveras plus de simplicité.

++
Aère un peu tes interventions.
Appuie de temps en temps sur <Entrée> (-;
Et même deux fois (-; (-;

--
0
Eliza
 
:-)) mdr !

dsl pour le code moche, c'est sûr que ça fait cracra...face au tien.

Cette page doit en principe comporter des infobulles.

Je suis en train de les configurer.

Ces infobulles contiennent les textes que tu vois actuellement en petit caractère.

Elle guide vers la suite. Non ?

Est-elle nécessaire ? faut voir à l'usage .


Merci pour ton aide, très précieuse.

Bonne soirée.



:-;
0
fab75018
 
Bonjour,
je travaille sur la création d'un site web avec dreamweaver 8
or mon ecran etant configuré 1024*768 c'est propre mais du coup pour ceux qui ont un ecran aux parametres differents et surtout superieurs il y a une marge énorme..j'aimerai trouvé la solution qui me permette de toujours avoir la page centré quelque soit la déf de l'ecran..je ne passe que par les calques pour l'instant...quelle est l'astuce ou la fonction que je n'arrive pas à trouver?
merci!!
0