Problème div et css

Fermé
Babe - 25 juin 2015 à 23:15
jordane45 Messages postés 38469 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 avril 2025 - 26 juin 2015 à 00:26
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

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38469 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 avril 2025 4 741
26 juin 2015 à 00:26
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

Discussions similaires

comment remplacer un #div/0! par une cellule vide
zara70 -
Vaucluse -

3 réponses
trait horizontal avec du css
tipi75 -
alainpre -

9 réponses
indice et exposant en css ?
yiv -
Kitkatryne -

19 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse
Afficher une case vide au lieu de #DIV/0!
fredo2610 -
m@rina -

4 réponses