[PHP-JS] Appel d'une page et codage [Fait]

**leclone** · 29/01/2007, 09h36

Bonjour a tous,

voici mon problème : j'ai réalisé un calendrier en Javascript et je n'arrive pas a le centrer dans ma page. Pouvez vous me dire comment je peux faire. J'ai déjà eu plusieurs problème avec le javascript mais je n'arrive pas à les résoudres.

voici ma page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html><head><title>Super Diet Production --> Calendrier</title></head>

<body align="center">
<div align="center">
  <center>
  <table border="0" bordercolor="#000000" width="897" height="661" bgcolor="#8DD5D8">
    <tr>
      <td width="151" height="145"><img src="photos/coccinelle.jpg" width="206" height="165"></td>
      <td width="338" height="145" align="center"><i>Super Diet est une société leader dans les métiers de la santé au naturel et des compléments alimentaires. Super Diet exporte dans plus de 20 pays sur tous les continents. Depuis 40 ans, Super Diet fonctionne dans le plus grand respect des principes éthiques hérités de ses fondateurs.</i></td>
      <td width="392" height="145"><img border="0" src="photos/baniere2.jpg" width="394" height="164"></td>
    </tr>
    <tr>
      <td width="897" height="492" colspan="3" align="center" valign="top"><img src="photos/calen.jpg"><BR><BR>
      <?php include("JscCalendar.php") ?>
    </td>  </tr>
</table>
      </td>
    </tr>

  </table>
  </center>
</div>
</body>
</html>

j'appel le calendrier dans ma page mais il se met sur le côté et non à l'endroit où j'ai mis le code.

pouvez vous m'aider.

c'est sans doute quelques choses de simple à faire mais je n'y arrive pas.

merci d'avance

ciao

**tigunn** · 29/01/2007, 10h13

Lut LeClone ^^
il me semble que ton problème vient du tableau:
toi tu met deux élèments (image + calendrier javascript) dans une cellule et tu lui demande de centrer le contenu de celle-ci.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<tr>
      <td ...><img src="photos/calen.jpg"><BR><BR>
      <?php include("JscCalendar.php") ?>
    </td>  </tr>

Essaye plutot:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<tr>
      <td colspan="3"...><img src="photos/calen.jpg"></td>
</tr>
<tr>
      <td colspan="3"...>
      <?php include("JscCalendar.php") ?>
    </td>  </tr>

Sinon, je te conseille plutôt le CSS. Tu peux définir une class avec des valeurs:
#content
{
position: absolute;
left: 50%;
margin-left: -400px;
width: 800px;
border=1px;
}
Par exemple le code ci dessous placera la balise div (<div class="ma_classe_de_ma_feuille_style">) au centre de la page.

**leclone** · 29/01/2007, 10h17

j'ai essayé avec ce que tu m'a donné mais ca ne marche pas non plus

par contre je ne sais pas comment avec les CSS si tu a plus d'infos ce serait cool

merci d'avance

ciao

**tigunn** · 29/01/2007, 11h22

j'essaye de pas trop utiliser l'attribut align. Il me semble qu'il est pas valide pour <table> (pour <td> et <tr> oui) selon le w3c (voir : http://giminik.developpez.com/xhtml/table.html). Du coup pour les CSS j'ai plutot des pages qui ressemble a

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="content">
   <div id="header">....</div>
   <div id="main">....</div>
   .....
</div>

avec un css du style:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#content
{
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
 
	/*XXX	ATTENTION : a enlever	XXX*/
	border: 0px solid black;
}
#header
{
	top: 14px;
	left: 25px;
	width: 100%;
	border-bottom: 1px solid #a5a5a5;
}

le premier div en position absolute (donc que tu fixe toi même) et les autres en relatif par rapport a cette première balise div.
voir: w3schools.com

Enfin, dernière suggestion, mais celle à vérifier en premier (

) : a tu verifier que ton pb ne vient pas de la taille de tes images ou de ton fichier javascript.

[PHP-JS] Appel d'une page et codage [Fait]

Langage PHP

Discussions similaires

Partager

Partager