Discussion :

[kimcharlene]

Bonjour

Je suis en train de développez un site en ajax dont voici l adresse (version beta) : http://mweiss.biroweb.com/amayiro_n+1/

(compatible uniquement FF et IE7 (pour le moment)

Mon probleme se situe au niveau des changement de bloc lorsque l'on clique sur un onglet.
Cliquez par exemple sur FAQ (vous pouvez noter un petit décalage du site. Je n'arrive pas a trouver le probleme.

La page est composé d'un tableau et dans chaque cellule du tableau se trouve des DIV qui ont le style DISPLAY à NONE ou BLOCK suivant leur état (affiché ou pas)
Lorsque l'on appuie sur un onglet on appelle un script javascript qui modifie la propriété du style.

voici quelques bout de code qui pourrais vous aider :


//structure générale HTML/PHP

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
 
....
<TR>
                  <TD COLSPAN="3" align="left" valign="top" ROWSPAN="7" background="" WIDTH="338" HEIGHT="483" id="ID_DIVD_fond">
                     <?php
                     //différent DIV
                     include('frames/php/sort.php');
                     include('frames/php/carac.php');
                     include('frames/php/selection.php');
                     include('frames/php/faq.php');
                     ?> 
                  </TD>
                  <TD>
                     <IMG src="images/spacer.gif" WIDTH="1" HEIGHT="133" ></TD>
               </TR>
....

//structure d'un DIV

Code :

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

1
2
<div class="conteneur_selection" id="ID_conteneur_selection">
</div>

//style du DIV FAQ

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
.conteneur_faq
	{
	width:99%;
	height:483px;	
	font-family:Trebuchet MS,Verdana, arial;	
	font-size:12px;
	display:none;
	padding-left:10px;
	}
 
.question
	{
	width:300px;	
	}	
 
.reponse
	{
	width:300px;
	}

//Style du DIV selection

Code :

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

1
2
3
4
5
6
7
8
9
10
.conteneur_selection
	{
	width:99%;
	height:483px;	
	font-family:Trebuchet MS,Verdana, arial;	
	font-size:12px;
	display:block;
	padding-left:10px;
 
	}

J'ai bien essayer de changer le padding-left en le remplaçant par un margin-left, les prop du width...etc mais rien y fait.

Avez vous une idée?

[JasonV6]

Moi perso j'ai aucun décalage quand je zappe les onglets...

je suis sous IE7

[chaminette]

En fait gérer un site avec les tablaux c pas génial et a la base ce n'est pas fait pour !
Pourquoi ne pas utiliser des float??

[kimcharlene]

Bonjour

En fait le design est fait sous photoshop 7.0 et le HTML est généré via photoshop.
Cependant il y a seulement sur ces blocs (4) que sa provoque un décalage tout les autres fonctionnent à merveille.
C'est claire que ce n'est pas l'idéal les tableaux, peut etre pouvez vous me conseiller un logiciel qui transforme du PSD en document HTML sans utiliser les tableaux?