Discussion :

[dadzz77]

Bonjour à tous,

J'ai un problème avec l'alignement à droite d'une balise div qui contient des <P>, en fait l'alignement s efait bien à droite mais le div est hors écran, j'ai pensé à un problème de marges, j'ai essayé en réduisant et tentant une marge négative mais ça ne résoud pas le problème.
Si quelqu'un à une idée pour aligner le div sans qu'ilsorte de l'écran ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<DIV id="navButtons"  style="position: relative; text-align: right">
  <P id="front" style="position: absolute">    
  	<a href="#" onclick="disableNavButtons()" id="linkBack"><img src="b_button_previous.gif" border="0" hspace="0" id="imgBack"></a>   
	  <input type="image" id="buttonNext" name="mybutton" src="b_button_next.gif" border="0" value="next" onclick="disableNavButtons(')">
	</P>
	<P id="back" style="position: absolute; visibility: hidden">
		<img src="b_button_previous_disabled.gif" border="0" hspace="0">
    <img src="b_button_next_disabled.gif" border="0" hspace="0">
	</P>  
	</DIV>

[Bisûnûrs]

Renseigne les valeurs top et left de tes p en absolu.

[dadzz77]

Merci Bisûnûrs, je viens de tester mais le problème reste le même

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
 
<DIV id="navButtons"  style="position: relative; text-align: right">
  <P id="front" style="position: absolute; top: absolute; left: absolute>    
  	<a href="http://www.escort-rso.com" onclick="disableNavButtons('back')" id="linkBack"><img src="C:/javadev/prj/drs/drsweb/src/webroot/pictures/b_button_previous.gif" border="0" hspace="0" id="imgBack"></a>   
	  <input type="image" id="buttonNext" name="mybutton" src="C:/javadev/prj/drs/drsweb/src/webroot/pictures/b_button_next.gif" border="0" value="next" onclick="disableNavButtons('next)">
	</P>
	<P id="back" style="position: absolute; visibility: hidden; top: absolute; left:absolute">
		<img src="C:/javadev/prj/drs/drsweb/src/webroot/pictures/b_button_previous_disabled.gif" border="0" hspace="0">
    <img src="C:/javadev/prj/drs/drsweb/src/webroot/pictures/b_button_next_disabled.gif" border="0" hspace="0">
	</P>  
	</DIV>

[Bisûnûrs]

Déjà il te manque le guillemet fermant.

Ensuite les propriétés top et left doivent avoir des valeurs numériques (top:0; left:0; ) suivies de l'unité (top:10px;left:15px; ).

[dadzz77]

Voila ça fonctionne sous IE, merci beaucoup
Reste plus qu'a rendre ça compatible avec firefox

Code :

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

<P id="front" style="position: absolute; left: -200px  ">

[dadzz77]

Pour Firefox, juste ajouter: float: right dans le div

Code :

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

<DIV id="navButtons" style="position: relative; text-align: right; float: right">