Mission impossible? [HTML] - Programmation
Marsh Posté le 02-07-2001 à 11:24:25
ouai zarbi ce truc là
g fait des essais avec d'autres balises de formulaire et pas de pb. y'a qu'avec les listes déroulantes ou non d'ailleurs.
<html>
<div align=center style="position:absolute;top:43px;left:7px;z-index:2;width:215px;height:261px; background-color: #CCCCFF; layer-background-color: #CCCCFF; border: 1px none #000000">
<form type="post" action="">
<div align="center">
<select name='SelectTruc' style="width:200">
<option value='1'>truc 1
</select>
<input style="text" width="200" name="Input2" value="texte1">
<br>
<textarea name="textfield" cols="50" rows="3">textarea</textarea>
<input type="submit" name="Submit" value="Envoyer">
<br>
<input type="checkbox" name="checkbox" value="checkbox">
<br>
<input type="radio" name="radiobutton" value="radiobutton1">
<br>
<input type="radio" name="radiobutton" value="radiobutton2">
</div>
</form>
</div>
<div style="position:absolute;top:312px;left:9px;z-index:2;width:134px;height:66px; background-color: #FFCCCC; layer-background-color: #FFCCCC; border: 1px none #000000">
<input style="text" width="200" name="Input" value="texte2">
</div>
<div style="position:absolute; left:108px; top:13px; width:210px; height:466px; z-index:2; background-color:blue; layer-background-color:blue; border: 1px none #000000">
<font color="#FFFFFF">bleu doit etre au dessus</font> </div>
</html>
Pour l'instant je ne peux pas t'aider +
[edtdd]--Message édité par m@nou--[/edtdd]
Marsh Posté le 02-07-2001 à 09:05:06
je voudrait mettre un div au premier plan, pour cela j'utilise la propriété z-index. Seulement la ou ca coince c'est que j'ai des list box dans la page et ceux-ci sont toujours au premier plan ce que je ne veux pas.
On m'a dit que les list box sont des objets fenetré et que seul un autre objet fenetré peut passer devant, c'est vrai? Dans ce cas pourquoi j'arrive a faire passer les input text au second plan?
Je suis peut etre pas tres clair, alors voici un exemple:
essayer de mettre le rectangle beu au premier plan.
<html>
<div align=center style="position:absolute;top:50;left:50;z-index:1;width:200;height:100">
<select NAME='SelectTruc' SIZE='2' style='WIDTH:200'>
<option value='1'>truc 1
</select>
</div>
<div style="position:absolute;top:100;left:50;z-index:1;width:80;height:150">
<input style="text" width="200">
</div>
<div style="position:absolute;top:5;left:100;z-index:4;width:80;height:150;background:blue">
bleu doit etre au dessus
</div>
</html>