Bonjour

* L'adresse de votre forum.
http://elegance-design.forumactif.com

* Explications du problème.
1. J'ai un problème par rapport aux bordures de mon forum qui vont donc sur la boîte de réception; ça vient du CSS, seulement je ne peux pas enlever le padding-top sinon la page d'accueil passe en dessous de la bannière car sa position a changé avec les modifications du template. Je pense que le plus simple serait de mettre un attribut "class" dans le template des boîtes de messageries et de changer les bordures pour mettre "-490px" dans mon CSS.
Le truc c'est que je ne vois pas quel est le bon template ? oO

2. Mon autre problème va sur la page d'accueil, pour mes onglets, les infobulles de "staff". Elle ne s'affiche plus depuis que le code HTML de la PA dans une page HTML. Je ne sais pas d'où ça vient car le CSS des infobulles n'a changé qu'aux niveaux des couleurs & à l'ancienne version de mon forum ça marchait :/

* Le navigateur utilisé.
Mozilla Firefox; ça doit être adaptable aussi avec Google Chrome. (~ les nouvelles versions de IE)...sur les captures c'est sur Firefox.

* Les codes ajoutés avant le problème.
CSS; bordures

Code:

.bodyline {
 border-left: 5px #520D3B solid;
 border-right: 5px #520D3B solid;
 padding-top: 490px;
}

CSS; infobulles

Code:

a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span div {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #EDEDED; /* arrière-plan de l'infobulle */

  color:#520c3b; /* texte dans l'infobulle */
  padding: 5px;

  /* bordures de votre infobulle*/
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border:3px solid;
}

* La version du forum.
phpBB2

* Problème de CSS ou HTML.
Alors un peu des deux ...

* Une capture d'écran.

Spoiler:

merci d'avance x)

Non il n'est pas résolu; il est toujours d'actualité.

Je en vois pas de quoi tu veux parler?
Les bordure violette de la capture d'écran?

Hello,

Je n'ai pas trop compris le premier problème non plus, mais sans accès à l'espace concerné on va avoir du mal à t'aider.

Pour les infobulles il n'y a pas d'action au survole apparemment :

Code:

a.infobulle:hover span {
  position: absolute;
  display: block;
}

Il faut au moins ces lignes en plus.

La div dans le a n'est pas une pratique conseillée. C'est comme mettre une chambre dans un écran d'ordi (ou lieu de mettre l'écran d'ordi dans la chambre).

Désolé pour la comparaison j'ai rien trouvé de mieux.

Pour ton CSS de manière générale, je te conseille de garder les curseurs par défaut. Les curseur de redimensionnement qui apparaissent lorsque on attend un pointer c'est pas logique du tout et ça perturbe. Idem pour la cross.

bonne continuation

bonjour alors pour le curseur j'ai enlevé le code CSS pour qu'il redevienne à celui de défaut.
pour mes problèmes, pour le premier je pensais être clair avec la capture d'écran oui les bordures violettes de "Votre boîte de réception est plein à 100%"...
je voudrais pouvoir enlevé cette écart vu que pour lire les messages on est obligé de descendre tout en bas c'est pas pratique.
je pensais mettre une "div" :

Code:

.quelquechose
{
padding-top: -490px;
}

pour enlever cet espace mais je ne sais pas quel est le bon template concernant les bordure de la boîte de messagerie.

Pour le problème des infobulles (le div dans le a, bah c'est le code qui est donné sur ce forum pour mettre une infobulle sur son forum o.O); j'ai mis le code de Riku Asakura dans mon CSS et ça n'a pas marché :/

Re,

Le code fournit sur ce forum est donc invalide, navré pour l'erreur, le tutoriel devra être corrigé alors.

Je préconise généralement cette forme :
HTML

Code:

<span class="info">Mon texte <span class="bulle">Ma bubulle</span></span>

CSS

Code:

.info .bulle
{                     
    position      :  absolute;
    top            :  -2000em;
    left          :  -2000em;
    width          :  1px;
    height        :  1px;
    overflow      :  hidden;
    cursor: pointer; /* Forme de la souris */
    background    :  #DDEEFF;  /* Définition du fond, sinon on a le même que notre lien */
    border        :  1px solid #6699FF; /* Définition des bordures */
}   
.info
{         
  position: relative; /* Correction pour maximiser la compatibilité */
  color          : #2F368A; /* Couleur de notre lien */
  font-size      : 1.2em;  /* Taille de la police */
  text-decoration : none;    /* Aucun soulignement du texte */
  padding        : 2px 12px 2px 2px; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
} 

.info:hover .bulle, .info:focus .bulle, .info:active .bulle
{
    top        :  auto;
    left      :  auto;
    width      :  220px;
    height    :  auto;
    overflow  :  visible;
}                 

.info:hover
{
  border : 0;
}

Avec plus ou moins de précision sur les styles (couleurs, image de fond, etc.), mais en gros quelque chose dans ce goût là.
L'avantage des SPAN c'est qu'ils n'ont pas de signification propre, et qu'on peut en plus mettre des img ou des liens dans l'infobulle.
.info c'est la partie visible, .bulle c'est ce qui apparait ensuite.

J'espère que ça fonctionnera, je n'ai pas vraiment tester le code, mais il doit fonctionner.

Bon courage

Oui en effet le code marche merci
par contre le positionnement de l'infobulle j'ai du mal à le changer vu que tu vois lorsque ma souris passe sur l'image 1 : https://2img.net/r/hpimg4/pics/183794SC1png.png

voilà l'infobulle et on ne voit plus du tout l'image de départ et ça cache celle d'à côté : https://2img.net/r/hpimg4/pics/272331SC2png.png

je voudrez retrouver mon positionnement de départ :s

En fin de compte j'ai fini par y arriver en changeant quelque peu un peu ton code :

Code:

.info:hover .bulle, .info:focus .bulle, .info:active .bulle
{
  top: 5px;
  left: 15px;
    width      :  auto;
    height    :  auto;
    overflow  :  visible;
color:#ba8b6e; /* texte dans l'infobulle */
  padding: 5px;
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  position: absolute;
} 

par contre pour ma première question ;

Citation :

pour enlever cet espace mais je ne sais pas quel est le bon template concernant les bordure de la boîte de messagerie.

voir capture.

Quelqu'un serait de quel template il s'agit s'il vous plaît ? oO

problème résolu j'ai trouvé le template par moi-même il s'agissait de
* Poster & Messages Privés > privmsgs_body