Problème code avec page d'acceuil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème code avec page d'acceuil

Message par StyleGraph' le Mer 30 Nov 2011 - 14:59

Bonjour,alors mon problème c'est que j'ai essayé de faire un infobulle mais je ne vois pas les images.
Voilà le code:
Code:
<table>  <body>    <tr>        <td rowspan="3">            <fieldset style="border-style: solid; border-color: rgb(205,  175, 149); border-width: 1px 2px 2px 1px; width: 425px;">            <legend align="center" style="font-size: 15px; color: rgb(139,  119, 101); font-family: Georgia;">♦ Contexte</legend>          <div align="center">              Dark graph est un jeune forum de graphisme et de blabla. Un  peu vide, il se remplira bientôt, je l'espère. Grâce a de nombreux post  tu pourras gagner des Graph d'or et les dépenser comme bon te semble. Tu  pourras aussi faire des duels et de multiples concours entre membres.  Les jeux sont à ta disposition pour ton plus grand plaisir. Il y a aussi  l'équipe du staff (présentation à droite) qui est là pour t'aider et  améliorer la vie sur ce forum. J'espère que tu passeras de très bons  moments sur ce forum et que tu progresseras en graphisme. Qui sait, tu  deviendra peut être le futur Picasso ?.<br>          </div>          </fieldset>        </td>        <td>            <fieldset style="border-style: solid; border-color: rgb(205,  175, 149); border-width: 1px 2px 2px 1px; width: 300px;">            <legend align="center" style="font-size: 15px; color: rgb(139,  119, 101); font-family: Georgia;">♦ Le Staff</legend>              <div align="center">                <br>              <table>              <tbody><tr>                <td>              <div class="infobulle"><a  href="http://www.dark-graph.com/u1><img  src="http://i48.servimg.com/u/f48/15/68/11/28/azsia_10.jpg"  /></a> </br>Mame'zelle Moderatrice<span><a  href="=http://www.dark-graph.com/u3><img  src="http://i48.servimg.com/u/f48/15/68/11/28/kris_b10.jpg"  /></a> ">Profil</span> </font>                </div>                </td>                </tr>              </tbody></table>  <br>Devenir membre du Staff ?<br><br>              </div>          </fieldset>        </td>        <td rowspan="2">            <fieldset style="border-style: solid; border-color: rgb(205,  175, 149); border-width: 1px 2px 2px 1px; width: 150px;">            <legend align="center" style="font-size: 15px; color: rgb(139,  119, 101); font-family: Georgia;">♦ Navigation rapide</legend>              <div align="center">                  <br><br><a  href="http://www.dark-graph.com/t2-reglement-du-forum">Règlement</a><br><br><a  href="http://www.dark-graph.com/f18-presentation">Se  Présenter</a></br></br><a  href="http://www.dark-graph.com/f29-estimations">Estimations</a></br></br>  <a href="http://www.dark-graph.com/f25-boite-a-idees">Boite à  Idées</a><br><br><a  href="http://www.dark-graph.com/f19-partenariat">Partenariat</a></br></br><a  href="http://www.dark-graph.com/f2-recrutement">Recrutement</a><br>            </div>          </fieldset>        </td>    </tr>    <tr>        <td>            <fieldset style="border-style: solid; border-color: rgb(205,  175, 149); border-width: 1px 2px 2px 1px; width: 300px;">            <legend align="center" style="font-size: 15px; color: rgb(139,  119, 101); font-family: Georgia;">♦ Nos  Z'amis</legend><br><div  align="center"><br><br><br><a  href="http://imperium-forum.forumgratuit.org/"><img  src="http://i43.servimg.com/u/f43/16/73/31/41/47267912.png"></a><br><br><a  href="http://magicworld.desforums.net"><img  src="http://i45.servimg.com/u/f45/16/55/69/32/lkhjgf11.jpg"></a><br><br><a  href="http://twilight.meilleurforum.net"><img  src="http://i41.servimg.com/u/f41/15/81/91/52/copie_10.png"></a><br><br><img  src="http://i45.servimg.com/u/f45/16/55/69/32/lkhjgf11.jpg"></a><br><br><a  href="http://http://helpic-publishing.pro-forum.fr"><img  src="http://img5.imageshack.us/img5/7564/logoed.png"></a><br></div>          </fieldset>        </td>    </tr>    <tr>        </body> 
Pss:Essaiyer le pour voir ce que ça donne.


Dernière édition par StyleGraph' le Lun 5 Déc 2011 - 19:03, édité 1 fois

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par Lixyr le Mer 30 Nov 2011 - 15:08

Bonjour.
Avez-vous le css qui va avec ?
Les info bulles sont sensées donné effet où ?

Cordialement.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par StyleGraph' le Mer 30 Nov 2011 - 15:14

Je n'ai pas beaucoup de connaissance avec ceci.Je veux que l'infobulle soit dans le staff.
Le css:
Code:
[list=1]
[*].tableaupa .titre {
[*]  font-family: impact;
[*]  text-align: right;
[*]  color:#98a8b6;
[*]  font-size:24px;
[*]  border-bottom: 2px solid #98a8b6;
[*]  font-variant:small-caps;
[*]  letter-spacing:1px;
[*]  width:80%;
[*]  margin-bottom:5px;
[*]}
[*].tableaupa .navigation {
[*]  font-family: impact;
[*]  font-size: 14px;
[*]  color: #98a8b6;
[*]  background-color: #495662;
[*]  letter-spacing: 1px;
[*]  display: block;
[*]  width: 80%;
[*]  margin-bottom: 3px;
[*]  border-right:3px solid #98a8b6;
[*]  border-left:3px solid #98a8b6;
[*]  text-align: center;
[*]  text-decoration: none;
[*]}
[*]a.imginfo {
[*]float:right;
[*]margin-right:10%;
[*]  width:80%;
[*]  position: relative;   
[*]  color: #98a8b6;   
[*]  text-decoration: none;     
[*]}   
[*]
[*]a.imginfo span {   
[*]  display: none; 
[*]} 
[*]
[*]a.imginfo:hover {   
[*]  background: none; 
[*]  z-index: 999; 
[*]  cursor: help;
[*]} 
[*]
[*]a.imginfo:hover span {   
[*]  display: inline;   
[*]  position: absolute;   
[*]  white-space: nowrap;   
[*]  right: 80px;   
[*]  background: #495662;   
[*]  color: #98a8b6;   
[*]  padding: 3px;       
[*]  border: 3px solid #98a8b6; 
[*]}
[*].tableaupa .scrollbar {
[*]  color: #98a8b6;
[*]  text-align: right;
[*]  width: 80%;
[*]  overflow: auto;
[*]  height: 120px;
[*]padding-right:3px;
[*]}
[*].topsite{
[*]  width:80%;
[*]  text-align:right;
[*]}
[*].opacity img {
[*]filter:alpha(opacity=50);
[*]-moz-opacity:0.5;opacity: 0.5;
[*]}
[*]
[*].opacity img:hover {
[*]filter:alpha(opacity=100);
[*]-moz-opacity:1;opacity: 1;
[*]}

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par StyleGraph' le Mer 30 Nov 2011 - 15:36

UP

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par Invité le Mer 30 Nov 2011 - 15:42

Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile

Bonjour,

Merci de faire preuve d'un peu de patience! Les membres, comme le staff, prennent de leur temps pour vous aider bénévolement, nous avons tous une vie à coté.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par StyleGraph' le Mer 30 Nov 2011 - 15:44

Je suis désolé,ceci est un peu urgent c'est pour celà que je me permet d'Upper,encore désolé.J'espère que quelqu'un passera au plus vite pour m'aider.

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par Lixyr le Mer 30 Nov 2011 - 16:18

Re.

Il n'y a pas de code infobulle dans votre html, ni dans le css. Je me trompe ?


<td> <div class="infobulle"><a href="http://www.dark-graph.com/u1><img src="https://i48.servimg.com/u/f48/15/68/11/28/azsia_10.jpg" /></a> </br>Mame'zelle Moderatrice<span><a href="=http://www.dark-graph.com/u3><img src="https://i48.servimg.com/u/f48/15/68/11/28/kris_b10.jpg" /></a> ">Profil</span> </font> </div> </td>

vous avez la moitier du code en fait. Que voulez vous dans l'info-bulle ?
Et sur quel texte devons nous passer pour voir l'info-bulle ?


Vous avez un tuto ici : http://forum.forumactif.com/t310178-infobulle-texte-dans-un-message


Cordialement.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par StyleGraph' le Mer 30 Nov 2011 - 16:41

J'ai reussi mais mantenant mon probleme c'est que quand je passe la souris sur la première image ça me donne même le truck de la deuxième.
Regarder;
http://aideforum.wow-gratuit.com/

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par Lixyr le Mer 30 Nov 2011 - 16:47

Puis-je avoir le code html et css que vous avez maintenant, s'il vous plait ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par StyleGraph' le Mer 30 Nov 2011 - 17:00

Css:
Code:
.infobulle{  position: relative;} .infobulle .infobulle-hidden {  display: none;  position: absolute;    visibility: visible;  z-index: 999;  /* mettre ici tout ce qui est en rapport avec l'apparence de linfobulle */} .infobulle:hover .infobulle-hidden {  display: block;}
Html;
Code:
<table>
<body>
  <tr>
      <td rowspan="3">
 
        <fieldset style="border-style: solid; border-color: rgb(205,
175, 149); border-width: 1px 2px 2px 1px; width: 425px;">
     
    <legend align="center" style="font-size: 15px; color: rgb(139,
119, 101); font-family: Georgia;">? Contexte</legend>
        <div align="center">
 
          Dark graph est un jeune forum de graphisme et de blabla. Un
peu vide, il se remplira bientôt, je l'espère. Grâce a de nombreux post
tu pourras gagner des Graph d'or et les dépenser comme bon te semble. Tu
 pourras aussi faire des duels et de multiples concours entre membres.
Les jeux sont à ta disposition pour ton plus grand plaisir. Il y a aussi
 l'équipe du staff (présentation à droite) qui est là pour t'aider et
améliorer la vie sur ce forum. J'espère que tu passeras de très bons
moments sur ce forum et que tu progresseras en graphisme. Qui sait, tu
deviendra peut être le futur Picasso ?.<br>
        </div>
        </fieldset>
      </td>
      <td>
 
        <fieldset style="border-style: solid; border-color: rgb(205,
175, 149); border-width: 1px 2px 2px 1px; width: 300px;">
     
    <legend align="center" style="font-size: 15px; color: rgb(139,
119, 101); font-family: Georgia;">? Le Staff</legend>
            <div align="center">
              <br>
            <table>
            <tbody><tr>
              <td>
    <span class="infobulle"><img src="http://i48.servimg.com/u/f48/15/68/11/28/azsia_10.jpg"><span class="infobulle-hidden"><a href="http://www.dark-graph.com/u1">Mon profil</span>
<span class="infobulle"><img src="http://i48.servimg.com/u/f48/15/68/11/28/kris_b10.jpg"><span class="infobulle-hidden"><a href="http://www.dark-graph.com/u3">Mon profil </span></span>
</font>
              </div>
              </td>
              </tr>
            </tbody></table>
<br>Devenir membre du Staff ?<br><br>
            </div>
        </fieldset>
      </td>
      <td rowspan="2">
 
        <fieldset style="border-style: solid; border-color: rgb(205,
175, 149); border-width: 1px 2px 2px 1px; width: 150px;">
     
    <legend align="center" style="font-size: 15px; color: rgb(139,
119, 101); font-family: Georgia;">? Navigation rapide</legend>
            <div align="center">
 
              <br><br><a
href="http://www.dark-graph.com/t2-reglement-du-forum">Règlement</a><br><br><a
 href="http://www.dark-graph.com/f18-presentation">Se
Présenter</a></br></br><a
href="http://www.dark-graph.com/f29-estimations">Estimations</a></br></br>
 
<a href="http://www.dark-graph.com/f25-boite-a-idees">Boite à
 Idées</a><br><br><a
href="http://www.dark-graph.com/f19-partenariat">Partenariat</a></br></br><a
 
href="http://www.dark-graph.com/f2-recrutement">Recrutement</a><br>
            </div>
        </fieldset>
      </td>
  </tr>
  <tr>
      <td>
 
        <fieldset style="border-style: solid; border-color: rgb(205,
175, 149); border-width: 1px 2px 2px 1px; width: 300px;">
     
    <legend align="center" style="font-size: 15px; color: rgb(139,
119, 101); font-family: Georgia;">? Nos
Z'amis</legend><br><div
align="center"><br><br><br><a
href="http://imperium-forum.forumgratuit.org/"><img
src="http://i43.servimg.com/u/f43/16/73/31/41/47267912.png"></a><br><br><a
 href="http://magicworld.desforums.net"><img
src="http://i45.servimg.com/u/f45/16/55/69/32/lkhjgf11.jpg"></a><br><br><a
 href="http://twilight.meilleurforum.net"><img
src="http://i41.servimg.com/u/f41/15/81/91/52/copie_10.png"></a><br><br><a
 href="http://http://helpic-publishing.pro-forum.fr"><img
src="http://img5.imageshack.us/img5/7564/logoed.png"></a><br></div>
 
        </fieldset>
      </td>
  </tr>
  <tr>
   
 
</body>

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par StyleGraph' le Mer 30 Nov 2011 - 18:11

y aurasi-je quelqu'un?

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par Invité le Mer 30 Nov 2011 - 18:22

Bonsoir,

Je vous ai prévenu cette après-midi même, et vous continuez tout de même de up votre sujet.

Je verrouille pour 24 heures, Le temps pour vous de lire:
.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Probleme page d'acceuil

Message par StyleGraph' le Ven 2 Déc 2011 - 17:10

css:
Code:
.infobulle{  position: relative;} .infobulle .infobulle-hidden {  display: none;  position: absolute;    visibility: visible;  z-index: 999;  /* mettre ici tout ce qui est en rapport avec l'apparence de linfobulle */} .infobulle:hover .infobulle-hidden {  display: block;}

html:
Code:
<table> <body>  <tr>      <td rowspan="3">          <fieldset style="border-style: solid; border-color: rgb(205, 175, 149); border-width: 1px 2px 2px 1px; width: 425px;">          <legend align="center" style="font-size: 15px; color: rgb(139, 119, 101); font-family: Georgia;">? Contexte</legend>        <div align="center">            Dark graph est un jeune forum de graphisme et de blabla. Un peu vide, il se remplira bientôt, je l'espère. Grâce a de nombreux post tu pourras gagner des Graph d'or et les dépenser comme bon te semble. Tu pourras aussi faire des duels et de multiples concours entre membres. Les jeux sont à ta disposition pour ton plus grand plaisir. Il y a aussi l'équipe du staff (présentation à droite) qui est là pour t'aider et améliorer la vie sur ce forum. J'espère que tu passeras de très bons moments sur ce forum et que tu progresseras en graphisme. Qui sait, tu deviendra peut être le futur Picasso ?.<br>        </div>        </fieldset>      </td>      <td>          <fieldset style="border-style: solid; border-color: rgb(205, 175, 149); border-width: 1px 2px 2px 1px; width: 300px;">          <legend align="center" style="font-size: 15px; color: rgb(139, 119, 101); font-family: Georgia;">? Le Staff</legend>            <div align="center">              <br>            <table>            <tbody><tr>              <td>    <span class="infobulle"><img src="http://i48.servimg.com/u/f48/15/68/11/28/azsia_10.jpg"><span class="infobulle-hidden"><a href="http://www.dark-graph.com/u1">Mon profil</span><span class="infobulle"><img src="http://i48.servimg.com/u/f48/15/68/11/28/kris_b10.jpg"><span class="infobulle-hidden"><a href="http://www.dark-graph.com/u3">Mon profil </span></span></font>              </div>              </td>              </tr>            </tbody></table> <br>Devenir membre du Staff ?<br><br>            </div>        </fieldset>      </td>      <td rowspan="2">          <fieldset style="border-style: solid; border-color: rgb(205, 175, 149); border-width: 1px 2px 2px 1px; width: 150px;">          <legend align="center" style="font-size: 15px; color: rgb(139, 119, 101); font-family: Georgia;">? Navigation rapide</legend>            <div align="center">                <br><br><a href="http://www.dark-graph.com/t2-reglement-du-forum">Règlement</a><br><br><a href="http://www.dark-graph.com/f18-presentation">Se Présenter</a></br></br><a href="http://www.dark-graph.com/f29-estimations">Estimations</a></br></br> <a href="http://www.dark-graph.com/f25-boite-a-idees">Boite à Idées</a><br><br><a href="http://www.dark-graph.com/f19-partenariat">Partenariat</a></br></br><a href="http://www.dark-graph.com/f2-recrutement">Recrutement</a><br>            </div>        </fieldset>      </td>  </tr>  <tr>      <td>          <fieldset style="border-style: solid; border-color: rgb(205, 175, 149); border-width: 1px 2px 2px 1px; width: 300px;">          <legend align="center" style="font-size: 15px; color: rgb(139, 119, 101); font-family: Georgia;">? Nos Z'amis</legend><br><div align="center"><br><br><br><a href="http://imperium-forum.forumgratuit.org/"><img src="http://i43.servimg.com/u/f43/16/73/31/41/47267912.png"></a><br><br><a href="http://magicworld.desforums.net"><img src="http://i45.servimg.com/u/f45/16/55/69/32/lkhjgf11.jpg"></a><br><br><a href="http://twilight.meilleurforum.net"><img src="http://i41.servimg.com/u/f41/15/81/91/52/copie_10.png"></a><br><br><a href="http://http://helpic-publishing.pro-forum.fr"><img src="http://img5.imageshack.us/img5/7564/logoed.png"></a><br></div>        </fieldset>      </td>  </tr>  <tr>      </body>

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par StyleGraph' le Sam 3 Déc 2011 - 8:04

UP

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par StyleGraph' le Dim 4 Déc 2011 - 9:10

Up?

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème code avec page d'acceuil

Message par Lixyr le Lun 5 Déc 2011 - 12:44

Re bonjour.

Il vous manque un span de fermeture de la première info bulle, ainsi que toutes les balises de fermeture des liens

<span class="infobulle"><img src="https://i48.servimg.com/u/f48/15/68/11/28/azsia_10.jpg"><span class="infobulle-hidden"><a href="http://www.dark-graph.com/u1">Mon profil</ICI></span></ICI><span class="infobulle"><img src="https://i48.servimg.com/u/f48/15/68/11/28/kris_b10.jpg"><span class="infobulle-hidden"><a href="http://www.dark-graph.com/u3">Mon profil </ICI></span></span>


<span class="infobulle"><img src="https://i48.servimg.com/u/f48/15/68/11/28/azsia_10.jpg"><span class="infobulle-hidden"><a href="http://www.dark-graph.com/u1">Mon profil</a></span></span><span class="infobulle"><img src="https://i48.servimg.com/u/f48/15/68/11/28/kris_b10.jpg"><span class="infobulle-hidden"><a href="http://www.dark-graph.com/u3">Mon profil</a> </span></span>


Code:
        <fieldset style="border-style: solid; border-color: rgb(205, 175, 149); border-width: 1px 2px 2px 1px; width: 300px;">          <legend align="center" style="font-size: 15px; color: rgb(139, 119, 101); font-family: Georgia;">? Le Staff</legend>   

      <div align="center">              <br>            <table>            <tbody><tr>              <td>    <span class="infobulle"><img src="http://i48.servimg.com/u/f48/15/68/11/28/azsia_10.jpg"><span class="infobulle-hidden"><a href="http://www.dark-graph.com/u1">Mon profil</a></span></span>

<span class="infobulle"><img src="http://i48.servimg.com/u/f48/15/68/11/28/kris_b10.jpg"><span class="infobulle-hidden"><a href="http://www.dark-graph.com/u3">Mon profil </a></span></span></font>              </div>              </td>              </tr>            </tbody></table> <br>Devenir membre du Staff ?<br><br>            </div>        </fieldset> 


Cordialement





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code avec page d'acceuil

Message par StyleGraph' le Lun 5 Déc 2011 - 19:03

Ok merci!

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum