Bonjour,
C'est la première fois que je poste au sujet d'un problème de CSS, jusqu'à aujourd'hui j'avais réussi à me débrouiller, mais là... 4 jours que je sèche.
Le contexte :
Déjà, j'ai deux fichiers CSS, un pour le site web, l'autre pour le forum. Pourquoi ? Car j'ai modifié l'apparrence de mon phpBB pour l'intégrer au look du site.
Le problème (sous IE8 comme sous Firefox) :
J'ai cette boîte qui apparaît de cette façon sur le site :
http://dpvduncan.free.fr/FiNgEr-Files/siteIE8.JPG
Et cette même boîte qui apparaît comme ceci sur le forum :
http://dpvduncan.free.fr/FiNgEr-Files/forumIE8.JPG
On voit bien que sur le site il y a des espaces entre les éléments, et pas sur le forum...
Le code :
HTML du site et du forum.
CSS du site et du forum.
Merci d'avance pour l'aide !
C'est la première fois que je poste au sujet d'un problème de CSS, jusqu'à aujourd'hui j'avais réussi à me débrouiller, mais là... 4 jours que je sèche.
Le contexte :
Déjà, j'ai deux fichiers CSS, un pour le site web, l'autre pour le forum. Pourquoi ? Car j'ai modifié l'apparrence de mon phpBB pour l'intégrer au look du site.
Le problème (sous IE8 comme sous Firefox) :
J'ai cette boîte qui apparaît de cette façon sur le site :
http://dpvduncan.free.fr/FiNgEr-Files/siteIE8.JPG
Et cette même boîte qui apparaît comme ceci sur le forum :
http://dpvduncan.free.fr/FiNgEr-Files/forumIE8.JPG
On voit bien que sur le site il y a des espaces entre les éléments, et pas sur le forum...
Le code :
HTML du site et du forum.
<fieldset class="login">
<legend>Connexion</legend>
<table cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td><label for="login">Login :</label></td>
<td><input id="login" type="text" name="login" /></td>
</tr>
<tr>
<td><label for="pass">Password :</label></td>
<td><input id="pass" type="password" name="pass" /></td>
</tr>
<tr>
<td></td>
<td><a href="index.php">Entrer</a> <a href="http://monsite.fr/phpBB3/ucp.php?mode=register">S'inscrire</a></td>
</tr>
</table>
</fieldset>
CSS du site et du forum.
* {
margin: 0;
padding: 0;
}
.login
{
padding-top: 0px;
float: right;
margin-left: 5px;
margin-right: 140px;
-moz-border-radius:5px;
}
.login input
{
height : 15px;
width : 70px;
background-color:#FAFAFA;
border:1px solid #A9B8C2;
color:#333333;
font-family:"Lucida Grande",Verdana,Helvetica,sans-serif;
font-weight:normal;
padding:1px;
font-size: 13px;
}
.login a
{
font-size: 10px;
color: black;
}
Merci d'avance pour l'aide !