28172 sujets

CSS et mise en forme, CSS3

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.
<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 ! Smiley langue
Hello steeldoll et bienvenue, Smiley smile

si tu as 2 affichages différents c'est que tu as forcément 2 codes html différents et/ou 2 codes css différents. On gagnerait donc du temps avec un lien vers le site en ligne. Smiley cligne
Bon je viens de trouver... je savais que j'aurais encore du chercher avant de venir chercher de l'aide.

Le déplacement des boîtes venait d'un héritage, en effet un parent donnait la taille 15px alors que sur l'autre code CSS il y avait 14px.

J'avais tellement le nez dedans que je ne voyais plus rien.

Très grand merci à Heyoan pour son implication, mais je pensais vraiment que j'avais à faire à un code extraterrestre.

Côté positif, mon problème m'a fait gagner une inscription ici ! Smiley lol

Sinon pour tout de même apporter ma pierre... pour trouver le souci j'ai raisonné par étape (comme il faut toujours faire d'ailleurs), et j'ai retiré les éléments un par un jusqu'à ce que le souci disparaisse.