Version complète: sur le forum Webmaster Hub : Code incorrect ou Dreamweaver perd les pédales ?
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Alaedyna
vendredi 25 avril 2008 à 11:55
Bonjour,

Tout d'abord, j'espère avoir posté au bon endroit, sinon, je m'en excuse par avance.

Je suis actuellement en train de concevoir une site Internet avec Dreamweaver MX 2004. Seulement, à un moment dans la page, j'ai l'impression qu'il interprète mal le code, à moins que je me sois trompée, mais j'ai vérifié, toutes les balises ont été correctement inscrites. Quand je fais un aperçu avec Firefox, j'ai le résultat désiré, mais avec l'éditeur WYSIWYG de Dreamweaver, le design est tout bonnement changé.


Voici ce que je vois sur Dreamweaver :


Et avec FireFox et Internet Explorer :


Il semblerait que ce soit la portion de code suivante qui cause tant de soucis à Dreamweaver :

CODE
<div id="menu" align="justify">
        <div id="texte_menu" align="justify">
            <div id="accueil" align="justify"><a href="siteall.htm"><img src="images/fr/accueil.gif" width="63" height="32" border="none"></a></div>
            <div id="presentation" align="justify"><a href="siteall.htm"><img src="images/fr/presentation.gif" width="111" height="39" border="none"></a></div>
            <div id="creux1" align="justify"><a href="siteall.htm"><img src="images/fr/creux1.gif" width="126" height="30" border="none"></a></div>
            <div id="creux2" align="justify"><a href="siteall.htm"><img src="images/fr/creux2.gif" width="122" height="37" border="none"></a></div>
            <div id="petale1" align="justify"><a href="siteall.htm"><img src="images/fr/petale1.gif" width="144" height="28" border="none"></a></div>
            <div id="petale2" align="justify"><a href="siteall.htm"><img src="images/fr/petale2.gif" width="124" height="39" border="none"></a></div>
            <div id="contact" align="justify"><a href="siteall.htm"><img src="images/fr/contact.gif" width="68" height="27" border="none"></a></div>
            <div id="myspace" align="justify"><a href="siteall.htm"><img src="images/fr/myspace.gif" width="90" height="38" border="none"></a></div>
            <div id="forum" align="justify"><a href="siteall.htm"><img src="images/fr/forum.gif" width="55" height="28" border="none"></a></div>
            <div id="guestbook" align="justify"><a href="siteall.htm"><img src="images/fr/guestbook.gif" width="100" height="29" border="none"></a></div>
<br><br>
            <a href="siteall.htm"><img src="images/all.jpg" width="23" height="15" border="0"></a> <a href="siteen.htm"><img src="images/ukus.gif" width="25" height="13" border="0"></a>
        </div>
        </div>



Et dans ce code, il y a deux portions qui ne sont pas colorées comme elles devraient l'être, il s'agit de

CODE
<div id="presentation" align="justify">


et

CODE
<div id="creux1" align="justify">


Je suppose qu'elles ne sont pas prises en compte...

J'ai dans mon css, des éléments float associés aux div. En fait, ça a commencé à tout "casser" quand j'ai voulu changer la ligne suivante :
CODE
<a href="siteall.htm"><img src="images/all.jpg" width="23" height="15" border="0"></a> <a href="siteen.htm"><img src="images/ukus.gif" width="25" height="13" border="0"></a>


en

CODE
<div id="flags"><a href="siteall.htm"><img src="images/all.jpg" width="23" height="15" border="0"></a> <a href="siteen.htm"><img src="images/ukus.gif" width="25" height="13" border="0"></a></div>



Avant cela tout était correct sous Dreamweaver...


Est-ce normal ou y a-t-il une erreur dans mon code ?

Merci d'avance si vous pouvez m'aider,
Bonne journée,
Alaedyna.
Dadou
vendredi 25 avril 2008 à 11:59
Ne t'inquiète pas trop, dreamweaver a son propre moteur de rendu, mais il est loin d'égaler ceux des navigateurs, c'est donc normal qu'il y ait des différences.
karnabal
vendredi 25 avril 2008 à 12:08
Il est bon que tu vérifies l'affichage de ton site sur les principaux navigateurs au fur et à mesure que tu avances son intégration HTML. N'hésite pas en cas de différence de rendus dans les navigateurs à mettre en place des feuilles de style conditionnelles. wink.gif
Alaedyna
vendredi 25 avril 2008 à 12:38
Bonjour et merci à vous deux pour vos réponses.

Maintenant, le problème est que je vais devoir remplir mes pages avec du texte et d'ordinaire, je le fais en mode WYSIWYG.
C'est dommage que Dreamweaver "interprète" mal la page.

Néanmoins, je vais essayer de me débrouiller.

Bonne journée,
Alaedyna.
Alaedyna
vendredi 25 avril 2008 à 13:00
Veuillez m'excuser, c'est encore moi, j'ai un problème dont je ne distingue pas la cause.

Pour la confection de mon site, j'ai une page de test vierge qui me sert de référence (c'est celle-là qui est sur les captures). Ainsi, quand je crée une nouvelle page, je la reprends.

J'ai donc créé une nouvelle page dans laquelle je n'avais juste qu'à insérer mon texte. Mais une fois le texte inséré, le plus gros du design a disparu. Je vois la même chose sur Dreamweaver et les navigateurs. Pourtant, j'ai bien inséré mon texte dans la partie prévu à cet effet. Ainsi, mon code est le suivant :

CODE
<div id="contenu" align="justify">
        <div id="contenu_texte" align="justify">
        <p>Rosa Voragine Submersa est un projet fondé en 2007 par Alaedyna Lavin. Cette dernière en est la figure principale. L'univers dans lequel réside Rosa Voragine Submersa s'inscrit dans une ambiance neo-classique, dark-folk ou bien encore darkwave.<br>
  Les influences musicales du groupe sont principalement dans le personnage ambigu d'Anna-Varney Cantodea et son projet cr&eacute;&eacute; en 1989, Sopor Aeternus &amp; The Ensemble Of Shadows auxquels on peut ajouter des morceaux localis&eacute;s. Alaedyna Lavin compose les musiques en s'inspirant de ses propres craintes, ou bien m&ecirc;me de sa fascination pour l'&eacute;trange, le lugubre, l'enfance et le dysfonctionnement mental. </p>
  <p>Retrouvez également Rosa Voragine Submersa sur <a target="_blank" href="http://www.myspace.com/rosavoraginesubmersa">MySpace</a> et <a target="_blank" href="http://vampirefreaks.com/rosavoraginesubmersa">VampireFreaks</a>.</p>
        </div>
<div id="scrollup"><a href="#" onmouseover="DivScroll('texte_contenu','UP',1,true,15);" onmouseout="StopScroll();"><img src="images/scrollup.png" width="11" height="20"></a></div>
<div id="scrolldn"><a href="#" onmouseover="DivScroll('texte_contenu','DOWN',1,true,15);" onmouseout="StopScroll();"><img src="images/scrolldn.png" width="11" height="20"></a></div>
      </div>


Et j'obtiens le résultat suivant :



Alors que le texte devrait être placé dans l'espace blanc...
Alaedyna
vendredi 25 avril 2008 à 15:34
J'ai trouvé le problème pour le message précédent.
karnabal
samedi 26 avril 2008 à 09:34
Dans ce cas il est de bon ton de faire part de la réponse que tu as trouvé.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.