Positionnement CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Positionnement CSS

Message par # Eve le Sam 5 Fév 2011 - 7:47

Bonjour à toutes et à tous, Wink

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, Wink

# Eve.

# Eve
**

Féminin
Messages : 54
Inscrit(e) le : 02/10/2010

# Eve a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionnement CSS

Message par Arlem le Sam 5 Fév 2011 - 23:25

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...

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionnement CSS

Message par # Eve le Dim 6 Fév 2011 - 1:07

Bonsoir Hinus,

Je vous remercie pour votre passage Wink .
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 résolu ).

Amicalement, Wink

# Eve.

# Eve
**

Féminin
Messages : 54
Inscrit(e) le : 02/10/2010

# Eve a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum