5568 sujets

Sémantique web et HTML

Bonjour.
Je suis ennuyé car mes calques [u]sur certaines pages [/u]refusent de se placer où je le voudrais: ils se positionnent d'autorité en haut de page et n'apparaissent même pas dans la liste des calques.

Ce phénomème ne se présente que sur les pages où j'ai utilisé un lecteur flash Dewplayer . Sur cette page par exemple:
http://www.gerard-bertrand.net/IMAGES_vigo.html
En revanche sur cette page, les calques se positionnent là où je mets le point d'insertion:
http://www.gerard-bertrand.net/IMAGES_aciers.html

Y a-t-il incompatibilité entre un lecteur flash ou bien quelqu'un pourrait-il me dire en lisant mon code source si j'ai commis une erreur quelque part ? (Ce qui ne m'étonnerait pas car je suis un petit bricolo de site web, pas plus !).
Bonjour,

Qu'est-ce qu'un calque?
Il me semble que des éditeurs WYSIWYG, notamment Dreamweaver, utilisent la notion de «calque» (qui n'existe pas par ailleurs en HTML/CSS) pour désigner des éléments div positionnés en absolu.

J'ai jeté un oeil aux deux pages, et rien d'affreux ne me saute aux yeux, mis à part:
- un abus caractérisé de positionnement absolu (vu qu'il s'agit à chaque fois d'éléments div avec un identifiant "LayerN", je suppose qu'il s'agit des fameux calques), heureusement pas totalement rédhibitoire pour un site de ce type (très graphique, avec des éléments positionnés au pixel près ou pas loin);
- un élément meta juste avant le Doctype, ce qui provoque le passage en mode Quirks pour tous les navigateurs (ça, c'est à corriger dès que possible).

Par contre, à comparer le rendu visuel des deux pages je ne vois rien de particulièrement choquant.
Quel est le problème exactement?


Petit Post Scriptum en passant: Alsacréations est un forum qui traite des standards d'intégration web tels que HTML et CSS. On y préconise l'apprentissage des technologies en question, ce qui suppose d'en maitriser les principaux concepts ainsi que la syntaxe, et d'écrire son code soi-même.
J'ai bien peur qu'une aide à l'utilisation de Dreamweaver concerne plutôt... les forums officiels de Macromedia/Adobe, par exemple.
Merci pour cette réponse très complète, mais...
je ne sais toujours pas pôurquoi sur les pages du type
http://www.gerard-bertrand.net/IMAGES_vigo.html
je ne peux plus placer de calque à l'endroit que je voudrais.

Et dites-moi si vous avez le temps quel est l'inconvénient correspond à votre remarque:
"un élément [b]meta juste avant le Doctype, ce qui provoque le passage en mode Quirks pour tous les navigateurs (ça, c'est à corriger dès que possible)."[/i]
Qu'est-ce que le mode Quirks et en quoi le passage dans ce mode est gênant ?
gbertrand a écrit :
Merci pour cette réponse très complète, mais...
je ne sais toujours pas pôurquoi sur les pages du type
http://www.gerard-bertrand.net/IMAGES_vigo.html
je ne peux plus placer de calque à l'endroit que je voudrais.

J'y arrive très bien en créant à la main, dans le code HTML, un nouveau div, et en le positionnant avec CSS. Donc, sauf erreur de ma part, le problème ne vient pas de là mais de l'interface de Dreamweaver que vous avez du mal à utiliser pour accomplir cette tâche (que ça soit parce que vous ne la maitrisez pas ou à cause d'un bug de Dreamweaver). Or, comme je le disais, ce forum n'est pas consacré à ce logiciel, et la démarche de création en mode «édition» avec un éditeur WYSIWYG n'est pas la démarche proposée ici. Je ne vois donc pas trop quoi vous répondre... à part ce que je disais plus haut: «J'ai bien peur qu'une aide à l'utilisation de Dreamweaver concerne plutôt... les forums officiels de Macromedia/Adobe, par exemple.»

gbertrand a écrit :
Qu'est-ce que le mode Quirks et en quoi le passage dans ce mode est gênant ?

Une recherche sur Google ou ailleurs donne la réponse. Mais tant que nous y sommes, voici un article sur la question:
http://blog.alsacreations.com/2006/10/23/296-a-propos-du-modele-de-boite-microsoft-ou-quirks
Bien. Merci pour vos réponses vraiment intéressantes.
Je vais aller soigner mon incompétence du côté de Macromedia.