Code faux ou Dreamweaver déconne ?

Utilisateur anonyme -  
 Utilisateur anonyme -
Bonjour,

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 :
https://i40.servimg.com/u/f40/11/70/22/49/apercu10.jpg

Et avec FireFox :
https://i40.servimg.com/u/f40/11/70/22/49/apercu11.jpg

Il semblerait que ce soit la portion de code suivante qui cause tant de soucis à Dreamweaver :
		<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
<div id="presentation" align="justify">

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


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.
A voir également:

6 réponses

loute08 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   1
 
essai de changer la position de l'index z si c'est des <div>
0
Utilisateur anonyme
 
Je n'ai pas d'index-z.
0
Utilisateur anonyme
 
Je n'ai pas d'index-z.
0
stitchda62 Messages postés 197 Date d'inscription   Statut Membre Dernière intervention   30
 
Slt,

je ne vois pas de problème particulier dans ton code, si tu veux faire un menu aligné sur le coté gauche c'est parfait ;)

++
0
Terraforgeur Messages postés 51 Date d'inscription   Statut Membre Dernière intervention   10
 
Ben en fait, c'est normal c'est juste que les navigateurs interprètent différemment, pour résoudre le problème il faut que tes divs soient en mode float: left ou float:right dans le css.
J'ai pas testé j'espère que ça marche...
0
Utilisateur anonyme
 
En fait, ça a commencé à tout "casser" quand j'ai voulu changer la ligne suivante :
<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
<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...
0

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

Posez votre question
Utilisateur anonyme
 
Il n'y a pas d'index-z et les float ne changent rien à tout ça, j'en avais déjà mis avant que ce problème visuel ne survienne.
Merci tout de même pour vos réponses.
0
Utilisateur anonyme
 
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 précédentes 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 :

<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="https://myspace.com/rosavoraginesubmersa">MySpace</a> et <a target="_blank" href="https://vampirefreaks.com/">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 :
https://i40.servimg.com/u/f40/11/70/22/49/apercu12.jpg

Alors que le texte devrait être placé dans l'espace blanc.
0