Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle Bouton_activeProblème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle Bouton_hoverProblème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle Fb-hoverProblème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
SSD interne Crucial BX500 2,5″ SATA – 500 ...
Voir le deal
29.99 €

Partagez
 

Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle Empty
Le titre n'est pas très clair, mais je pense qu'une explication image le serait plus.

Voici l'infobulle: Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle Sanstitrewv

Et elle est sur [CE] forum et vue en naviguant sur Firefox.

Mon problème? eh bien le texte est coupé. On ne voit pas la fin du texte, et celui-ci ne retourne pas automatiquement à la ligne comme il le devrait. J'ai tout essayé, mais rien ne change! Que faire? Je vous passe donc le code de cette bulle + son CSS. Merci d'avance de l'aide que vous apporterez!

HTML:
Code:
<a href="http://shinobi-no-sekai.forumsactifs.com/haikei-f57/villages-organisations-t1171.htm#10403" class="infobulle"><img src="http://i67.servimg.com/u/f67/11/97/13/62/untitl14.png">
<div><b style="color: #5F0897">MEIUN</b><br/>Également connu sous le nom d'organisation du Destin, Meiun est une organisation criminelle dont les buts sont aussi mystérieux que l'île qui leur sert de repaire. Constituée de criminels de très haut rang, il y a très peu d'information sur l'organisation et ses membres disponibles, bien que tous les membres de l'organisation soient connus.<br/><b>Chef:</b> Sacha Miyuku <br/><b>Nombre:</b></div></a>

CSS:
Code:
a.infobulle {
  position: relative;
}

a.infobulle div {
  display: none;
}
a.infobulle:hover {
  background: none;
  z-index: 999;

}
a.infobulle:hover div {
max-width: 200px;
text-align: center;
overflow: hidden;
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 20px;
  left: 15px;
  background: #d7c6a8;
  color: black;
  padding: 5px;
  border: 2px solid #bc9e76;
  border-left: 2px solid #bc9e76;
font-family: Verdana;
font-size: 10px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}


Dernière édition par Nyo The Neko le Lun 03 Jan 2011, 12:39, édité 1 fois
MessageSujet: Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle   Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptyLun 03 Jan 2011, 10:36
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle Empty
Bonjour;

En retirant le "white-space: nowrap;" de ton code CSS; ça empêchera ton texte de continuer et ça le forcera à retourner à la ligne en arrivant à la bordure de l'infobulle. Par contre, il faudra surement rajouter une taille à ton infobulle; dans cette partie Wink

Code:
a.infobulle:hover div
{width: Xpx;}
MessageSujet: Re: Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle   Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptyLun 03 Jan 2011, 11:12
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle Empty
Je l'avait fait peu après avoir posté ce message et n'ai pas eût le temps d'envoyer un message disant que je l'avais fait. ^^"
J'ai également vérifié la compatibilité avec les différents navigateurs et tout est bon Wink

Merci tout de même pour l'aide apportée! ^^

Edit: J'ai édité le premier message et ai mit résolu, voilà =D
MessageSujet: Re: Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle   Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle EmptyLun 03 Jan 2011, 12:39
Revenir en haut Aller en bas
Contenu sponsorisé




Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle Empty
MessageSujet: Re: Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle   Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle Empty
Revenir en haut Aller en bas
 

Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème taille texte
» Problème Infobulle et encadrement du texte
» Taille du texte
» Taille texte du forum
» Texte qui ne veut pas aller dans sa case.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit