Problème pour mettre un tableau à droite de ma page

**sebac** · 14/06/2010, 12h43

Bonjour j'ai un tableau de bouton que je veux mettre à droite de ma page mais l'affichage se fait toujours à gauche voici le code

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<body bgcolor="#132959" >
 
 
 
<!------------------les div de gestion d'image et des infos les concernant-------------------->	
 
		<div  id='PageConteneur' style="position:absolute; overflow:hidden;"  ><!---->
 
			<!-- div Tableau de bouton-->
			  <div  id='IdTabBouton'>
					<table id='bouton'>							
							<tr >					
								<td><img src='icon/doc_mesure_distance.png' onclick="activateLine();"></img>&nbsp;</td>
								<td><img src='icon/doc_mesure_angle.png' onclick="activateAngle()";></img>&nbsp;</td>							
							</tr >							
							<tr >
							    <td><img src='icon/doc_fenetre_n.png' onclick="contraste();desactivateBoth();"></img>&nbsp;</td>
								<td><img src='icon/doc_inversion_lum_const.png'onClick='invert();desactivateBoth();'></img>&nbsp;</td>	
							</tr>							
							<tr>
								<td><img src='icon/doc_inversionDG.png'onClick='flipH();desactivateBoth();'></img>&nbsp;</td>
								<td><img src='icon/doc_inversionHB.png' onClick='flipV();desactivateBoth();'></img>&nbsp;</td>	
							</tr>							
							<tr >
								<td><img src='icon/doc_Rot 90D.png'onclick="downloadWithajax();"></img>&nbsp;</td>
								<td><img src='icon/doc_Rot 90G.png'onclick="downloadWithajax();"></img>&nbsp;</td>
 
							</tr>							
							<tr >
								<td><img src='icon/doc_RapatrierDicom.png'></img>&nbsp;</td>
								<td><img src='icon/doc_pan_n.png'></img>&nbsp;</td>
							</tr>
							<!--<tr >
								<td><img src='icon/precedent.jpg' onclick="imgPrecedente();desactivateBoth();"></img>&nbsp;</td>
								<td><img src='icon/suivant.jpg' onclick="imgSuivante();desactivateBoth();"></img>&nbsp;</td>
							</tr>-->
					</table>
			  </div>
 
 
			  <div id='IdDivIm' style="position:absolute; overflow:hidden;" >
						<div id='imConteneur' >						 		
						   <img style="z-index:1; position:relative; "  src='dicom.php?quality=100' id='image' onLoad='centerElement("image");' ><!--position:relative; permet de dragguer-->					
						</div> 
			  </div>		   
 
		</div>		
 
 
 
</body>

CSS

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
#IdTabBouton{ 	
		 width:10%;
		 height:100%;
		 position:absolute;
         right:0px;
		 z-index:2;
		 background-color:#372F25;
	}
 
	table#bouton {
     width:100%;
	 height:100%;
	 position:absolute;
 
	}
 
 
#IdDivIm{ 	
		 width:90%;/* 10% restant de PageConteneur seront pour le tableau de boutons*/
		 height:100%;
		 position:relative;
		 left:0px;
		 background-color:#132959;/*#000000;*/
 
	}
 
#PageConteneur	
{ 	
		 width:100%;
		 height:100%;
		 position:relative;
		 background-color:#132959;
 
}
 
 
 
#imConteneur{
height:100%;
width:100%;
overflow:hidden;
background-color:black;/*white;*/
position:relative;
 
}

Merci

**devyan** · 14/06/2010, 12h59

Bonjour,

Le premier commentaire n'est pas correct. Les tirets supplémentaires posent problème

devyan

**sebac** · 14/06/2010, 13h48

j'ai changé en faisant ça

Code :

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

<!--les div de gestion d'image et des infos les concernant-->

mais rien ni fait.

**sebac** · 14/06/2010, 14h16

je fais profil bas, c'était juste un problème de dossier où trouver le css

Problème pour mettre un tableau à droite de ma page

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager