[HTML] Mission impossible?

Recherche :

Dernière réponse
Sujet : [HTML] Mission impossible?
m@nou	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]

Dernière réponse

Sujet : [HTML] Mission impossible?

m@nou

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]

Votre réponse

Nom d'utilisateur

Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !

Le ton de votre message

Votre réponse

Smilies

Liste des smilies perso
Wiki smilies
Chercher un smiley

Options

Activer votre signature
Désactiver les smilies
Activer la notification par email du sujet

Aperçu

Vous avez perdu votre mot de passe ?

Vue Rapide de la discussion

m@nou

[edtdd]--Message édité par m@nou--[/edtdd]

drlobo

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>