Icon + Infobulle Bouton_activeIcon + Infobulle Bouton_hoverIcon + Infobulle Fb-hoverIcon + Infobulle 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
Icon + Infobulle EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Icon + Infobulle EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Icon + Infobulle EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Icon + Infobulle EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Icon + Infobulle EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Icon + Infobulle EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Icon + Infobulle EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Icon + Infobulle EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Boutique Nike : -25% dès 50€ sur TOUT le site Nike avec le code ...
Voir le deal

Partagez
 

Icon + Infobulle

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://fellschurch.forumactif.com/index.htm
Nalex
Nalex
{ Membre }
{ Membre }

Féminin Messages : 80



Icon + Infobulle Empty
C'est encore moi XD

Voilà, je viens de nommer une co admin, et j'aimerais mettre son icon avec une infobulle à côté de la mienne.

https://2img.net/r/ihimizer/img716/1564/sanstitrezah.jpg

Or, quand je rajoute le code, l'icon se place SOUS la mienne et non à côté!
Et j'ai beau retourner le truc dans tous les sens, je ne sais pas comment faire, ce qu'il faut ajouter, etc

Voici ma PA
Code:
<font color="#A0A0A0"><font color="#E9E7E8"><span style="font-size: 24px; line-height: normal"><strong> *</strong></span></font> <font face="Georgia"><font color=#95abb7><span style="font-size: 28px; line-height: normal"><b>Welcome in this mysterious town, {USERNAME}</b></span><font color="#E9E7E8"><span style="font-size: 24px; line-height: normal"><strong> ”</center></strong></span></font></font></font><center><DIV style="BACKGROUND-COLOR: #c3c1c2; width: 710px; height: 10px; TEXT-ALIGN: center; credit-site-css: candids.tk; -moz-border-radius-bottomright: 45px; -moz-border-radius-bottomleft: 45px;"></div></center><font color="#5d5e61"><span style="font-size: 9px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><font face="Arial"><b>« Ce qu'il y a de plus singulier dans la vie de l'homme, ce n'est pas sa soumission mais son opposition aux instincts. Il aspire à une vie surnaturelle. »</b></font></div></span></font>
<br><br><br>
<img src="http://i65.servimg.com/u/f65/11/75/22/30/sanst111.png
">
<table center="" border="0" width="700">
  <tr><br><br>
      <td valign="top">
        <div style="border: 4px solid; background-color: #dfdfdf; width: 200px; letter-spacing: 2px; height: 170px; color: #c3c1c2; -moz-border-radius: 20px 20px 20px 20px;">
            <center><div style="border-bottom: 3px solid #a48aad; font-family: Palatino Linotype; letter-spacing: 0.1em;font-variant: small-caps; width: 165px; letter-spacing: -1px; font-size: 15px;color: #939192;">
              <b>Navigation rapide</b>
            </div></center><font color="#5d5e61"><span style="font-size: 9px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><font face="Arial">« The most beautiful in the navigation it's to disembark. »</font></div></span></font>
            <center><div style="text-align: center; font-family: Palatino Linotype; letter-spacing: 0.1em; color: Black; font-weight: bold; font-size: 2;">
             
<div class="bord"><a href="http://fellschurch.forumactif.com/contexte-reglement-f1/contexte-t1.htm">
                Contexte
              </a></div>
              <div class="bord"> <a href="http://fellschurch.forumactif.com/contexte-reglement-f1/reglement-t2.htm">
              Règlement
              </a></div>
              <div class="bord"><a href="http://fellschurch.forumactif.com/predefinis-f4/">
                Prédéfinis
              </a></div>
              <div class="bord"><a href="http://fellschurch.forumactif.com/presentations-f6/bottin-des-avatars-t4.htm">
              Bottin des avatars
              </a></div>
              <div class="bord"><a href="http://fellschurch.forumactif.com/presentations-f6/">
              Présentations
              </a>
            </div></div></center>
        </div>
      </td>
      <td valign="top">
        <div style="border: 4px solid; background-color: #dfdfdf; width: 200px; letter-spacing: 2px; height: 170px; color: #c3c1c2; -moz-border-radius: 20px 20px 20px 20px;">
            <center><div style="border-bottom: 3px solid #a48aad; font-family: Palatino Linotype; letter-spacing: 0.1em;font-variant: small-caps; width: 165px; letter-spacing: -1px; font-size: 15px;color: #939192;">
              <b>Let the music play!</b>
            </div></center><font color="#5d5e61"><span style="font-size: 9px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><font face="Arial"><b>« De la musique avant toute chose. »</b></font></div></span></font><br>
            <center><div style="display: block;visibility:visible; width:160px;"><object width="160" height="100"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /><param name="movie" value="http://www.actionext.com/swf/player_160x300.export.swf?playlist=246339&autoplay=0" /><embed allowScriptAccess="always" allowFullScreen="true" wmode="transparent" src="http://www.actionext.com/swf/player_160x300.export.swf?playlist=246339&autoplay=0" width="160" height="100" /></embed></object></div></center><div style="width: 100%; background-repeat: no-repeat;text-align: center;">
</div>
        </div>
      </td>
      <td valign="top">
        <div style="border: 4px solid; background-color: #dfdfdf; width: 200px; letter-spacing: 2px; height: 170px; color: #c3c1c2; -moz-border-radius: 20px 20px 20px 20px;">
            <center><div style="border-bottom: 3px solid #a48aad; font-family: Palatino Linotype; letter-spacing: 0.1em;font-variant: small-caps; width: 165px; letter-spacing: -1px; font-size: 15px;color: #939192;">
              <b>Votre Tyran</b>
            </div></center><font color="#5d5e61"><span style="font-size: 9px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><font face="Arial">« All men would be tyrants if they could. »</font></div></span></font>
            <br><center><div style="text-align: center;font-family: Palatino Linotype;letter-spacing: 0.1em; color: Black; font-weight: bold;font-size: 2;">
              <a class="imginfo">
                  <font color="burlywood">
                    <img src="http://i802.photobucket.com/albums/yy308/biancca_ic/etc/VD206_1696.png">
                  </font>
                  <span><div width="100%" height="100%">
                    Elena Gilbert

                    <img src="http://i65.servimg.com/u/f65/11/75/22/30/nina210.png">

                    <a href="http://fellschurch.forumactif.com/msg.forum?mode=post&u=1"><font style="font-family: Arial Narrow;" size="1">MP ?</font></a>

                    <a href="http://fellschurch.forumactif.com/you-re-welcome-f7/elena-gilbert-admin-tout-feu-tout-flamme-t22.htm"><font style="font-family: Arial Narrow;" size="1">Sa fiche ?</font></a>
                  </div></span> <a class="imginfo">
                  <font color="burlywood">
                    <img src="http://i1084.photobucket.com/albums/j415/pgchallenges14/ellen2.png">
                  </font>
                  <span><div width="100%" height="100%">
                    Elena Gilbert

                    <img src="http://images1.hiboox.com/images/4408/eeb073343bcf54b935be018be3fc4893.png">

                    <a href="http://fellschurch.forumactif.com/msg.forum?mode=post&u=1"><font style="font-family: Arial Narrow;" size="1">MP ?</font></a>

                    <a href="http://fellschurch.forumactif.com/t188-ambre-lewis-termine"><font style="font-family: Arial Narrow;" size="1">Sa fiche ?</font></a>
              </a>
            </div></center>
        </div>
      </td>
  </tr>
  <tr>
    <td valign="top">
        <div style="border: 4px solid; background-color: #dfdfdf; width: 200px; letter-spacing: 2px; height: 170px; color: #c3c1c2; -moz-border-radius: 20px 20px 20px 20px;">
            <center><div style="border-bottom: 3px solid #a48aad; font-family: Palatino Linotype; letter-spacing: 0.1em;font-variant: small-caps; width: 165px; letter-spacing: -1px; font-size: 15px;color: #939192;">
              <b>Worth knowing</b>
            </div></center><font color="#5d5e61"><span style="font-size: 9px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><font face="Arial">« Savoir, c'est se souvenir. »</font></div></span></font>
            <center><br><div style="text-align: center;font-family: Palatino Linotype;letter-spacing: 0.1em; color: #a48aad; font-weight: bold;font-size: 2;"><marquee direction="up" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" ;="" width="180" height="100"> <span style="font-size: 11px; line-height: normal;"><br>
              <center>Avatar 200*400 ou 200*320

              Minimum de 10 lignes par RP

              Vous avez une semaine pour finir votre fiche, à compter du premier jour de votre inscription.

              Nous recherchons des membres motivez mais surtout actifs !

              <div style="color: #f78484;">Inscription(s) Vampirique(s) re-autorisées mais veuillez quand même privilégier les autres "races"!!

Nous sommes cruellement en manque de Hunters et Lycans!</center>
            </div></center></marquee></div>
        </div>
      </td>
      <td valign="top">
        <div style="border: 4px solid; background-color: #dfdfdf; width: 200px; letter-spacing: 2px; height: 170px; color: #c3c1c2; -moz-border-radius: 20px 20px 20px 20px;">
            <center><div style="border-bottom: 3px solid #a48aad; font-family: Palatino Linotype; letter-spacing: 0.1em;font-variant: small-caps; width: 165px; letter-spacing: -1px; font-size: 15px;color: #939192;">
              <b>Propriété intellectuelle</b>
            </div></center><font color="#5d5e61"><span style="font-size: 9px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><font face="Arial"><b>« Creation was the first act of sabotage. »</font></div></span></font>
            <center><div style="text-align: center;font-family: Palatino Linotype;letter-spacing: 0.1em; color: #a48aad; font-weight: bold;font-size: 2;"><br>
              ©️ Elena Gilbert alias Nalex

              Toute reproduction intégrale ou partielle est interdite.

              RPG librement inspiré des univers The Vampire Diaries & Twilight.

              Meilleure optimisation sous Mozilla Firefox.
            </div></center>
        </div>
      </td>

      <td valign="top">
        <div style="border: 4px solid; background-color: #dfdfdf; width: 200px; letter-spacing: 2px; height: 170px; color: #c3c1c2; -moz-border-radius: 20px 20px 20px 20px;">
            <center><div style="border-bottom: 3px solid #a48aad; font-family: Palatino Linotype; letter-spacing: 0.1em;font-variant: small-caps; width: 165px; letter-spacing: -1px; font-size: 15px;color: #939192;">
              <b>Click & Friends</b>
            </center><font color="#5d5e61"><span style="font-size: 9px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><font face="Arial"><b>« L'amitié : un beau nom qu'on change quand il gêne. »</font></div></span></font>
            <center><div style="text-align: center;font-family: Palatino Linotype;letter-spacing: 0.1em; color: Black; font-weight: bold;font-size: 2;">
             

<a href="http://www.root-top.com/topsite/lilie/in.php?ID=6216"><img src="http://www.camping-bon.com/images/icones/mini_coeur.png"></a> 
              <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=5098"><img src="http://www.camping-bon.com/images/icones/mini_coeur.png"></a> 
              <a href="http://www.root-top.com/topsite/sexa/in.php?ID=4504"><img src="http://www.camping-bon.com/images/icones/mini_coeur.png"></a> 
              <a href="http://www.root-top.com/topsite/blueye/in.php?ID=2230"><img src="http://www.camping-bon.com/images/icones/mini_coeur.png"></a> 
              <a href="http://www.root-top.com/topsite/titop/in.php?ID=888"><img src="http://www.camping-bon.com/images/icones/mini_coeur.png"></a>

 
<marquee direction="right" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="7" ;="" width="150" height="50"> <span style="font-size: 11px; line-height: normal;">
                      <a href="http://bloodmoon.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://img715.imageshack.us/img715/3497/sanstitre1kzg.png" alt="" border="0"></a>
                  <a href="http://own-destiny.forumperso.com/index.htm" class="postlink" target="_blank"><img src="http://i25.servimg.com/u/f25/13/85/13/87/bouton14.jpg" alt="" border="0"></a>
                  <a href="http://ny-university-rpg.forumotion.com/forum.htm" class="postlink" target="_blank"><img src="http://i40.tinypic.com/4g13j4.jpg" alt="" border="0"></a>
                  <a href="http://pacific-isle.forum-pro.fr/forum.htm" class="postlink" target="_blank"><img src="http://img42.xooimage.com/files/c/9/0/pacificbouton-217a030.png" alt="" border="0"></a>
                    <a href="http://luxurious-vampire.forumactif.org" class="postlink" target="_blank"><img src="http://i25.servimg.com/u/f25/13/85/13/87/bouton18.jpg" alt="" border="0"></a>
                    <a href="http://vipuniv.forumactif.com/index.htm/" class="postlink" target="_blank"><img src="http://i65.servimg.com/u/f65/10/05/16/74/2pbmx12.gif" alt="" border="0"></a>
                    <a href="http://howtomakeitinamerica.forumactif.com" class="postlink" target="_blank"><img src="http://img10.hostingpics.net/pics/816705bouton2.png" alt="" border="0"></a>
                      <a href="http://ibizaonline.forumperso.com" class="postlink" target="_blank"><img src="http://lightpics.eu/images/sanstitnt.gif" alt="" border="0"></a>
                    <a href="http://heartva.purforum.com/forum.htm" class="postlink" target="_blank"><img src="http://img200.imageshack.us/img200/5259/nouslier2.png" alt="" border="0"></a>
<a href="http://hysteria.forums-actifs.net/" class="postlink" target="_blank"><img src="http://i36.servimg.com/u/f36/15/36/65/56/lier110.png" border="0" alt="" /></a>
<a href="http://charmed-tentation.forumactif.org/" class="postlink" target="_blank"><img src="http://img262.imageshack.us/img262/1739/charmedtentationpart.png" border="0" alt="" /></a>
</marquee>
<center><a href="http://fellschurch.forumactif.com/partenariat-f22/comment-devenir-partenaire-t6.htm">Vous ?</a>
              <a href="http://fellschurch.forumactif.com/partenariat-f22/nos-partenaires-t7.htm">More ?</a></div></center></div>
       
                         
          </center>  </div>
        </div>
      </td>
  </tr>
</table>


Merci à celui qui voudra bien m'aider Smile


Dernière édition par Nalex le Jeu 30 Déc 2010, 16:25, édité 1 fois
MessageSujet: Icon + Infobulle   Icon + Infobulle EmptyLun 27 Déc 2010, 16:09
Revenir en haut Aller en bas
Invité
Invité




Icon + Infobulle Empty
Salut, aurais-tu un aperçu pour que je me situe mieux dans ce cas?
MessageSujet: Re: Icon + Infobulle   Icon + Infobulle EmptyLun 27 Déc 2010, 16:11
Revenir en haut Aller en bas
http://fellschurch.forumactif.com/index.htm
Nalex
Nalex
{ Membre }
{ Membre }

Féminin Messages : 80



Icon + Infobulle Empty
Je l'ai mis Smile
MessageSujet: Re: Icon + Infobulle   Icon + Infobulle EmptyLun 27 Déc 2010, 16:43
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Icon + Infobulle Empty
ajoute un float:left Bravo !

car 2divs se mettrons toujours l'une au dessus de l'autre , alors que 1div + 1span s ' alignerons Smile
MessageSujet: Re: Icon + Infobulle   Icon + Infobulle EmptyLun 27 Déc 2010, 18:42
Revenir en haut Aller en bas
http://fellschurch.forumactif.com/index.htm
Nalex
Nalex
{ Membre }
{ Membre }

Féminin Messages : 80



Icon + Infobulle Empty
Ça marche pas...je dois mal m'y prendre!

Tu peux me l'intégrer dans la PA?

Edit: j'ai beau retourner le truc dans tous les sens j'y arrive pas et c'est assez urgent entre guillemets. Il ne me manque plus que la correction de ce détail pour pouvoir installer le nouveau design!
MessageSujet: Re: Icon + Infobulle   Icon + Infobulle EmptyLun 27 Déc 2010, 20:14
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Icon + Infobulle Empty
Bonjour,

Le problème porte l'icône "résolu", alors que vous posez une autre question ? Êtes-vous sûre que celui-ci le soit ? Smile Merci Wink
MessageSujet: Re: Icon + Infobulle   Icon + Infobulle EmptyVen 31 Déc 2010, 05:17
Revenir en haut Aller en bas
http://fellschurch.forumactif.com/index.htm
Nalex
Nalex
{ Membre }
{ Membre }

Féminin Messages : 80



Icon + Infobulle Empty
Oui il l'est. Je l'ai résolu toute seule comme une grande par ajout d'un tableau à deux colonnes
MessageSujet: Re: Icon + Infobulle   Icon + Infobulle EmptyVen 31 Déc 2010, 06:28
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Icon + Infobulle Empty
Je déplace alors. Wink Merci Smile
MessageSujet: Re: Icon + Infobulle   Icon + Infobulle EmptyVen 31 Déc 2010, 06:31
Revenir en haut Aller en bas
Contenu sponsorisé




Icon + Infobulle Empty
MessageSujet: Re: Icon + Infobulle   Icon + Infobulle Empty
Revenir en haut Aller en bas
 

Icon + Infobulle

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

 Sujets similaires

-
» Problême_ Icon et Templates.
» Code justification contenu de catégorie + code insertion icon
» 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 | Informatique et Internet | Internet