Positionnement CSS

[# Eve]

Bonjour à toutes et à tous,

Je viens à vous avec une nouvelle question. J'essaie de personnaliser votre tutoriel (forums en onglets) à ma sauce. Tout se passe à peu près bien mais un problème demeure : celui du positionnement en CSS des deux blocs/onglets supérieurs sur la capture d'écran. J'ai toujours des difficultés quand il s'agit de positionner des éléments sur une page avec le CSS (position, relative, absolute, display, etc) ; même le Site du Zéro n'est pas encore venu à bout de mon hermétisme ^^. Comme vous pouvez le constater sur le screenshot, parfois ça marche, d'autres non. Quelqu'un pourrait-il m'aider à faire en sorte que ces bugs d'affichage disparaissent avec le code CSS adéquat ? Je suis un peu perdue. Ci-dessous :

- screenshot d'exemple avec le problème rencontré
- code CSS des blocs en question

Code:

  /*--- Cette partie correspond au nom du forum en question ---*/
          .forumlink
    {
          line-height: 15px;
          background-color: #222222;
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 1px solid
          border-right: 1px solid #777777;
          border-top: 1px solid #777777;
          color: #95B2BF;
          font-size: 13px;
          font-style: normal;
          height: 20px;
          left: 200px;
          right: auto;
          position: relative;
          display: block;
          float: left;
          padding: 10px
          text-align: center;
          width: auto;
          text-shadow: #000000 4px 4px 4px;
              -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
              -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
              -goog-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
    }

  /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
    .forum-stats
    {
          line-height: 33px;
          background-color: #222222;
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 1px solid
          border-right: 1px solid #777777;
          border-top: 1px solid #777777;
          color: #95B2BF;
          font-size: 13px;
          font-style: italic;
          font-weight: normal;
          right: -300px;
          padding: 0px;
          display: block;
          position: relative;
          margin-left: 146px;
          text-align: center;
          width: 200px;
          text-shadow: #000000 4px 4px 4px;
              -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
              -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
              -goog-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
    }


Je vous remercie par avance de l'aide que vous pourriez m'apporter =) !

Amicalement,

# Eve.

[Arlem]

B'soir,

Ça vient plutôt de la taille du texte qui est trop grande et qui du coup force un décalage plutôt que d'un problème de positionnement en CSS. Logiquement si tu raccourcis le texte "Informations, articles spécialisés", ça devrait revenir à la normale...

[# Eve]

Bonsoir Hinus,

Je vous remercie pour votre passage .
Effectivement, j'ai raccourci le titre de certains forums et tout est revenu à la normale.
Un peu déçue d'avoir dû tronquer les titres, mais on ne peut pas tout avoir ...

Merci pour le coup de pouce !
Je vous souhaite une bonne soirée.
(Le sujet étant donc ).

Amicalement,

# Eve.