Dimensions d'une info-bulle ?

[JeVeuxSavoir]

Yop

Sur mon forum, j'ai mis une info-bulle comme CDV ( carte de visite ) quand on passe la souris sur le pseudo, mon CSS est ( concernant l'infobulle ) :

Code:

.lock .lock-hidden {
  display: none;
  position: absolute;
  width:  auto;
  height:  auto;
  padding-left : 2px;
  padding-right : 2px;
  padding-top  : 0px;
  padding-bottom : 1px;
    top: 0px;
    left: 0px;
  border: 1px dotted #87CEFA;
  border-radius: 7px;
  background-color: #e8f0f4;
  -moz-border-radius: 10px;
  text-align: left;
  visibility: visible;
}

J'ai mis "width: auto;" et "height: auto;" en auto pour que l'infobulle s'adapte à ce qu'il y a dedans, mais quand à cause du champs description, si la description du membre est trop courte, ça déforme l'infobulle Si je mets une valeur par défaut et que la description du membre est trop longue ben la le texte sors carrément de l'infobulle Uu
Serait-il possible de faire un genre de code qui fait en sorte que si c'est trop long on mets en auto et si c'est trop petit une valeur par défaut ?

Pour que vous compreniez mieux, voici un topic pour vous aider:
http://r1518.bbactif.com/autres-f4/infobulle-t3.htm

Sur la CDV de admin, le rang et date d'inscription la valeur est déformée, j'aimerais éviter ce problème une solution ?
Au passage, comment faire en sorte que les pseudos ne soit pas afficher sur la l'infobulle ? Sur celle du pseudo "Test" on voit le pseudo admin qui traverse l'info bulle :/

Si vous voulez plus d'explication sur un point, dites-le

Merci,
Cordialement.

[Invité]

Hello

C'est juste une idée qui m'est passé par la tête en lisant votre topic, peut être que ce n'est pas du tout se que vous cherchez.

Mais si vous voulez que toute les infobulles soient de la même taille mais qu'elles s'adaptent si jamais la description est trop grand vous pourriez installer dans l'infobulle un système de scroll. Ainsi, si la description est trop importante vous pourrez faire défiler les infos grâce à la petite barre.

De plus, installer une scrollbar n'est pas se qu'il y a de plus compliqué vu que vous avez l'air de bien vous débrouiller niveau code.

Cordialement,

[Arlem]

Salut

Ce que je te propose ne résout pas vraiment tes problèmes, c'est simplement une alternative que je ne trouve pas moins esthétique, si dans ton css tu remplaces le " position: absolute;" par " position: relative;", ça fera apparaitre les infos pas sous infobulles mais comme si un bloc s'ouvrait sous le pseudo, ça permet que l'infobulle ne dépasse pas et que les infos ne soient pas déformées... Teste tu verras bien ce que ça donne.

[JeVeuxSavoir]

J'aimerais bien faire l'idée de Junior' mais je suis pas très à l'aise en CSS, peut-on me dire la démarche à suivre ?
Hinus Je préfère rester dans l'infobulle "flottante" car la si le membre( on sait jamais ) à envie de flood sa CDV ça déforme complètement la page quand on passe la souris sur le pseudo ^^

[JeVeuxSavoir]

Tout compte fait, je vais quand même garder le relative, j'ai publié, si ça vous intéresse de voir le résultat
http://r1518.bbactif.com/autres-f4/infobulle-t3.htm