Infobulle sur l'avatar - Page 2 Bouton_activeInfobulle sur l'avatar - Page 2 Bouton_hoverInfobulle sur l'avatar - Page 2 Fb-hoverInfobulle sur l'avatar - Page 2 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
Infobulle sur l'avatar - Page 2 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Infobulle sur l'avatar - Page 2 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Infobulle sur l'avatar - Page 2 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Infobulle sur l'avatar - Page 2 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Infobulle sur l'avatar - Page 2 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Infobulle sur l'avatar - Page 2 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Infobulle sur l'avatar - Page 2 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Infobulle sur l'avatar - Page 2 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
 

Infobulle sur l'avatar

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Infobulle sur l'avatar - Page 2 Empty
Une bordure ou une marge ? O_o Bah tu lis le cours et la doc, et tu mets ta marge/bordure... Je ne comprends pas la question '_'

Sinon, pour le vide au dessus, c'est normal, il y a le lien "L'univers du félin" qui est invisible parce qu'il est de la même couleur que le fond. Tu peux également retirer le saut de ligne qui est inclus par défaut en rajoutant ce code CSS :
Code:
.ProfilInfobulle > div > br:first-child {
    display: none;
}
MessageSujet: Re: Infobulle sur l'avatar   Infobulle sur l'avatar - Page 2 EmptyDim 03 Mar 2013, 06:53
Revenir en haut Aller en bas
http://lgdcwarriors.actifforum.com/
Mia0712
Mia0712
{ Membre }
{ Membre }

Féminin Messages : 119



Infobulle sur l'avatar - Page 2 Empty
J'ai créé une infobulle via photofiltre pour illustrer ce à quoi je veux parler :
https://i.servimg.com/u/f76/15/30/73/42/infobu10.jpg

EDIT : j'ai essayé avec le cours d'Orange et voici que ça me donne en code :
Code:
  /* Et puis on rajoute tous les éléments de mise en forme de l’infobulle */
  background: #947462; /* arrière-plan de l’infobulle */
  color: black; /* texte dans l’infobulle */
  padding: 3px; /* marges internes par rapport aux bords */
  border-left-width: [medium; /* bordures de votre infobulle : épaisseur style couleur*/
  border-right-width: [medium];
  border-top-width: [thin];
  border-bottom-width: [thin];
  -moz-border-radius: 7px 0px 7px 0px ; /*angles arrondis*/
  -webkit-border-radius: 7px 0px 7px 0px ; /*angles arrondis*/
  border-radius: 7px 0px 7px 0px ; /*angles arrondis*/
  -moz-box-shadow: 0px 0px 4px #000; /*ombre portée*/
  -webkit-box-shadow: 0px 0px 4px #000; /*ombre portée*/
  box-shadow: 0px 0px 4px #000; /*ombre portée*/
  font-size:10px; /*taille de la police */
  color:#000; /* couleur de la police */
}


Sauf que ça m'a déformé mon forum - test et même l'emplacement de l'ascenseur /:

MessageSujet: Re: Infobulle sur l'avatar   Infobulle sur l'avatar - Page 2 EmptyMar 05 Mar 2013, 11:11
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Infobulle sur l'avatar - Page 2 Empty
Bonjour,

Le tutoriel de l'infobulle était pourtant parlant sur l'utilisation de la propriété border '_' En tout cas, les crochets n'ont pas leur place ici, et il faut une largeur en pixels. Et enfin, la bordure n'existera pas si tu ne définis pas déjà une couleur et un style :

Code:
border-color:#COULEUR;
border-style:solid;
border-width:1px 5px; /* HAUT&BAS + DROITE&GAUCHE */

Voir le tutoriel de W3Schools pour plus d'informations.

Accessoirement, il y a quoi au dessus du tout premier commentaire ? J'espère que tu n'as pas oublié des bouts dans ta classe...
MessageSujet: Re: Infobulle sur l'avatar   Infobulle sur l'avatar - Page 2 EmptyJeu 07 Mar 2013, 01:59
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Infobulle sur l'avatar - Page 2 Empty
Hello !
Je viens aux nouvelles : ton problème est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu !
Merci de ta compréhension Infobulle sur l'avatar - Page 2 926145
MessageSujet: Re: Infobulle sur l'avatar   Infobulle sur l'avatar - Page 2 EmptyMar 12 Mar 2013, 10:42
Revenir en haut Aller en bas
http://lgdcwarriors.actifforum.com/
Mia0712
Mia0712
{ Membre }
{ Membre }

Féminin Messages : 119



Infobulle sur l'avatar - Page 2 Empty
Oui il est résolu merci (:
MessageSujet: Re: Infobulle sur l'avatar   Infobulle sur l'avatar - Page 2 EmptyMar 12 Mar 2013, 14:08
Revenir en haut Aller en bas
Melone
Melone
{ Modérateur }
{ Modérateur }

Féminin Messages : 805



Infobulle sur l'avatar - Page 2 Empty
Bonsoir,

J'archive le sujet, merci d'avoir prévenu ! ^^
MessageSujet: Re: Infobulle sur l'avatar   Infobulle sur l'avatar - Page 2 EmptyMar 12 Mar 2013, 16:14
Revenir en haut Aller en bas
Contenu sponsorisé




Infobulle sur l'avatar - Page 2 Empty
MessageSujet: Re: Infobulle sur l'avatar   Infobulle sur l'avatar - Page 2 Empty
Revenir en haut Aller en bas
 

Infobulle sur l'avatar

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 2Aller à la page : Précédent  1, 2

 Sujets similaires

-
» Infobulle.
» Infobulle
» Infobulle
» Bug infobulle.
» 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 | Forum gratuit