Problème div et css

Babe -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,

J'ai le problème suivant, je souhaite afficher deux graphiques (définis dans deux fichiers script js) l'un à côté de l'autre afin de les comparer. Le souci que j'ai est qu'avec mon code, je n'ai que le dernier graph qui s'affiche.

Mon code est le suivant :


<!DOCTYPE html>
<html>
<head>
<title> Graph comparison </title>
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css" charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" media="all" >
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>

<div id="page">
<div id="graph_gauche">
<script src="draw.js" type="text/javascript"></script>
</div>
<div id="graph_droit">
<script src="draw_2.js" type="text/javascript"></script>
</div>
</div>
<div id="pied_de_page">
<b> 2005 vs. 2013 </b>
</div>
</body>
</html>


Mon problème vient-il de mon code (manière de définir les div) ou alors de mes script js ?

Je précise que je ne suis pas un spécialiste du tout de l'html donc ceci explique cela.

Par avance, merci

A voir également:

1 réponse

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Si tu ne vois qu'un seul graphique (le deuxième..) il y a fort à parier que ton souci vient de ton fichier "draw.js"

Déjà.. pour que tu puisses voir si il n'y aurait pas des erreurs de script dans ta page... il faudrait que tu utilises les outils de debogage de ton navigateur internet ( je te recommande fortement d'utiliser le plugin FIREBUG (pour FireFox)).

Tu lances Firebug
Tu te places dans l'onglet CONSOLE (de firebug)
Tu affiches ta page
Et tu regardes ce qui apparait dans la console.


Si après ça ton souci persiste (et que tu n'as pas trouvé par toi même...) je t'invite à nous poster les codes JS.


0