Voila, je voulais me faire un petit formulaire avec des onglets. Hors,
comme je connais presque rien au CSS (et en graphisme en général), je
me suis fait vite-fait un petit truc avec un fieldset et un onglet avec
la balise legend. Ca marche bien sous FF, mais merde total sous IE.
De plus, il m'aurait fallu beaucoup plus d'onglets que ca... genre 3 ou
4 par exemple, et la je bute totalement. J'ai beau rechercher sur le
net, je capte pas grand chose.
Voila la gueule de mon de code :
<div class="form">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
<fieldset>
<legend>Login</legend>
<p>
<label for="login">Login :</label>
<input type="text" id="login" name="login" />
</p>
<p>
<label for="passwd">Mot de passe :</label>
<input type="password" id="passwd" name="passwd" />
</p>
<p>
<input type="submit" name="check" value="Se connecter"/>
</p>
</fieldset>
</form>
</div>
Et pour le CSS :
body {
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
}
.form {
margin-left: auto;
margin-right: auto;
width:450px;
text-align: left; /* Pour IE */
}
.form fieldset {
border:1px solid #6683C3;
background-color: #E8EEFA;
}
.form legend {
margin-bottom:21px;
border-top:1px solid #6683C3;
border-left:1px solid #6683C3;
border-right:1px solid #6683C3;
background-color:#E8EEFA;
cursor:default;
font-style:italic;
}
.form p {
display:block;
clear:both;
}
.form label {
float:left;
font-weight:bold;
}
.form label:hover {
cursor:pointer;
color:red;
}
.form p input {
float:right;
border: 1px solid black;
}
Je voulais savoir, parmis les pros dans le domaine, si quelqu'un a une
URL qui pourrait ENFIN me permettre de comprendre comment ca marche, ou
alors en m'expliquant vite-fait comment je peux arriver aux résultats
voulus. Parce que j'ai beau essayé avec un tas de <div> à la
con... et j'y arrive pas.
Mici :)
Ps: Je trouve PHP plus facile à manier que CSS... c'est à ne plus rien comprendre !