Problème Infobulle et encadrement du texte Bouton_activeProblème Infobulle et encadrement du texte Bouton_hoverProblème Infobulle et encadrement du texte Fb-hoverProblème Infobulle et encadrement du texte 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 et encadrement du texte EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème Infobulle et encadrement du texte EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème Infobulle et encadrement du texte EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème Infobulle et encadrement du texte EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème Infobulle et encadrement du texte EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème Infobulle et encadrement du texte EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème Infobulle et encadrement du texte EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème Infobulle et encadrement du texte EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

Partagez
 

Problème Infobulle et encadrement du texte

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://war-trinity.forums-actifs.com/index.htm
.♥. Ayako .♥.
{ Membre }
{ Membre }

Féminin Messages : 8



Problème Infobulle et encadrement du texte Empty
Hoy Mina =D
Donc voilà je m'explique. J'ai un groooos problème, car j'ai fait une groooosse bêtise sans le vouloir (encore heureux en même temps xD).

Donc je m'explique, j'avais un tout beau forum, tout classe avec de magnifique infobulle et un belle encadrement à mon texte. Donc jusque là tous est parfait rien à redire. Sauf que voilà, comme une cruche j'ai effacer tout monde code CSS résultat plus de CSS code ou d'encadrement du texte.

Et comme c'est pas moi qui les avait fait, bas voilà j'ai juste un gros problème. Donc serait-il possible d'avoir les codes pour l'encadrement du texte et également des infobulle, je vous montre déjà le code CSS que j'ai en ce moment ^^

Spoiler:

Voilà ensuite mon code pour la PA
Spoiler:

Et enfin l'un des codes pour l'encadrement du texte
Spoiler:

Donc voilà merci d'avance =D
MessageSujet: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte EmptyMer 20 Oct 2010, 15:39
Revenir en haut Aller en bas
http://art-of-cats.forums-actifs.com/forum.htm
#_Holigan
#_Holigan
{ Membre }
{ Membre }

Féminin Messages : 79



Problème Infobulle et encadrement du texte Empty
Les infos bulles traînent partout sur le forum Wink
Le tuto est là.

Pour encadrer une zone de texte, tu la places dans une div (ici elles semblent s'appeler
Code:
<div class="contenu">
, tu as plus qu'à leur appliquer les propriétés css suivantes :

Code:

.contenu{
border: 1px solid #FFFFFF; /* cadre de 1px simple blanc */
padding: 10px; /* pour éviter que le texte touche le calque */
}


Mais là, c'est une commande que tu veux faire Wink
MessageSujet: Re: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte EmptyVen 22 Oct 2010, 14:23
Revenir en haut Aller en bas
http://war-trinity.forums-actifs.com/index.htm
.♥. Ayako .♥.
{ Membre }
{ Membre }

Féminin Messages : 8



Problème Infobulle et encadrement du texte Empty
Bas pour le contour du texte il y a aucun problème. Et si je poste ici c'est justement que les tuto ont pas fonctionner.

Parce que j'arrête pas de justement copier le code et le modifié correctement pour que par exemple que cadre soit d'une certaine couleur, etc. Mais ce qu'il y avait en infobulle veux pas revenir en infobulle et je comprend vraiment pas pourquoi.
MessageSujet: Re: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte EmptySam 23 Oct 2010, 19:28
Revenir en haut Aller en bas
http://art-of-cats.forums-actifs.com/forum.htm
#_Holigan
#_Holigan
{ Membre }
{ Membre }

Féminin Messages : 79



Problème Infobulle et encadrement du texte Empty
Vas voir là bas, ça a marché pour moi Wink
Le code ne buguait que sous google chrome & safari.
Il était pas très juste apparemment.

http://www.css-actif.com/resolu-f18/infobulle-safari-t5400-15.htm
MessageSujet: Re: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte EmptyLun 25 Oct 2010, 09:57
Revenir en haut Aller en bas
http://war-trinity.forums-actifs.com/index.htm
.♥. Ayako .♥.
{ Membre }
{ Membre }

Féminin Messages : 8



Problème Infobulle et encadrement du texte Empty
Le truc c'est que j'ai essayer sur les Pc de mon école et sur tout les navigateur et sa fonctionne. Mais sur mon ordi à moi à la maison sur Fire Fox sa fonctionne pas.
MessageSujet: Re: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte EmptyLun 25 Oct 2010, 10:01
Revenir en haut Aller en bas
http://art-of-cats.forums-actifs.com/forum.htm
#_Holigan
#_Holigan
{ Membre }
{ Membre }

Féminin Messages : 79



Problème Infobulle et encadrement du texte Empty
Le dernier code ?
Chez moi pas de problème, je suis sous FF pourtant o.O
Chez moi, avec ça, aucune problème :
Code:

<div class="infobulle"><img src="http://img403.imageshack.us/img403/7663/pulpemini.png"><span><center><font color="#36522f" size="1">Pulpe d'Orange</font><br><font color="#608756" size="1">Juge Ville<br><br> "Pikabi"</font><br /><a href="http://art-of-cats.forums-actifs.com/profile.forum?mode=viewprofile&u=20" target="_blank">Contacter</a></center></span></div>

Et le css simplifié :
Code:

.infobulle {
display: inline;
}

div.infobulle {
  position: relative;
}

div.infobulle span {
  display: none;
}
div.infobulle:hover {
  background: none;
  z-index: 999;
}
div.infobulle:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
}
MessageSujet: Re: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte EmptyLun 25 Oct 2010, 10:18
Revenir en haut Aller en bas
http://war-trinity.forums-actifs.com/index.htm
.♥. Ayako .♥.
{ Membre }
{ Membre }

Féminin Messages : 8



Problème Infobulle et encadrement du texte Empty
Bas justement.
Sur les ordinateur de mon école il y a aucun problème les infobulle fonctionne parfaitement bien. Mais sur mon ordinateur portable à la maison justement sa fonctionne pas O.o
MessageSujet: Re: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte EmptyLun 25 Oct 2010, 10:25
Revenir en haut Aller en bas
http://art-of-cats.forums-actifs.com/forum.htm
#_Holigan
#_Holigan
{ Membre }
{ Membre }

Féminin Messages : 79



Problème Infobulle et encadrement du texte Empty
Mets à jour firefox alors ...

Par rapport à ton css, pourquoi tu as ton infobulle dans des span ?
Le css correspondant au code "qui marche" (le dernier donc), il s'agit de div et non de span.

Tu as bien tout modifié comme le dit VPeybernes ? CSS & Html ?
MessageSujet: Re: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte EmptyLun 25 Oct 2010, 11:42
Revenir en haut Aller en bas
http://war-trinity.forums-actifs.com/index.htm
.♥. Ayako .♥.
{ Membre }
{ Membre }

Féminin Messages : 8



Problème Infobulle et encadrement du texte Empty
Ha non c'est bon ^^'
Le problème est régler merci >o<
MessageSujet: Re: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte EmptyLun 25 Oct 2010, 12:14
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Problème Infobulle et encadrement du texte Empty
    Je classe =)
MessageSujet: Re: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte EmptyMar 26 Oct 2010, 20:42
Revenir en haut Aller en bas
Contenu sponsorisé




Problème Infobulle et encadrement du texte Empty
MessageSujet: Re: Problème Infobulle et encadrement du texte   Problème Infobulle et encadrement du texte Empty
Revenir en haut Aller en bas
 

Problème Infobulle et encadrement du texte

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

 Sujets similaires

-
» Problème infobulle: texte coupé et qui ne veut pas se formater à la taille de la bulle
» Problème texte qui passe sur un autre texte
» QEEL => infobulle & texte [résolu]
» problème couleur texte + un autre problème de ... "thème".
» Problème de PA et infobulle

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