Page d'acceuil

[^^lilice^^]

Rappel du premier message :

Bonjour,
j'ai trouvé un très bon tuto,ici sauf que j'aimerais le copier mais ne pas avoir que deux "bulles" mais Quatre/cinq. J'aimerais l'aide de quelqu'un pour m'aider à avoir le bon code afin de le mettre en place.
Cordialement
^^lilice.

Ps: je ne suis pas vraiment douée avec les codes HTML désolée.

[Dïxïnhö]

Désolé du double-poste mais peux-tu me faire l'ascenseur vertical pour chacun des cadres ?

[ge80]

voici ->

Code:

        <center>        <table width="90%">  <tr>    <td width="33%">  <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 1-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> Bienvenue {USER&amp;#8288;NAME} sur FIFA 11 Pro. FIFA 11 PRO est un forum de simulation sur FIFA 2011, le dernier opus de EA Sport. Tu as toujours voulu devenir manager de foot , et de créer l'équipe de tes rêves ? Tu trouveras ceci que sur FIFA 11 PRO qui est en même temps une famille et vous donne la chance de faire des connaissances et partager le bonheur et le malheur entre ses membres. Rejoins nous sur FIFA 11 PRO et ecris la légende ! </span></fieldset>
            </td>
            <td width="33%">    <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 2-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> texte 2 <br> <br> <br> <br> <br> <br> <br> <br> <br> </span></fieldset>           
        </td>
            <td>          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 3-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> texte  3<br> <br> <br> <br> br> <br> <br> <br> <br> <br> <br> <br> <br></span></fieldset>           
         </td>
        </tr>
        <tr>
          <td>          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 4-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> texte 4 <br> <br> <br> <br> <br> <br> <br> <br> <br></span></fieldset>
            </td>
          <td>         <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 5-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> texte 5 <br> <br> <br> <br> <br> <br> <br> <br> <br></span></fieldset>         
        </td>
          <td>         <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 6-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> texte 6<br> <br> <br> <br> <br> <br> <br> <br> <br></span></fieldset>         
        </td>
        </tr>
        </table>
        </center>

[Dïxïnhö]

Merci beaucoup

[^^lilice^^]

J'ai modifié, sur une seule cellule, les hauteurs fixes en hauteurs maximales.

Code:

display: block; max-height: 110px; overflow:auto;

Avec apparition d'ascenseurs verticaux pour une hauteur de 110 pixels..

La version avec CSS sera plus simple !

Je le mets où ? Dans les feuilles CSS ou Page d'acceuil ?

[ge80]

Bonjour

Je le mets où ? Dans les feuilles CSS ou Page d'acceuil ?

Nulle part

Une simple explication de la modification.
c'est déjà dans le code.

La nouvelle version avec CSS est presque terminée.

---------------------------------------------

Edit : La version sans explication pour un simple test.

---------------------------------------------

Voici la partie à mettre dans votre CSS (à la fin).

CSS:

Le contenu de votre message (accueil par exemple)

Accueil:

[^^lilice^^]

Wah c'est super ! Merci.
Maintenant j'aimerais un peu d'aide afin de personnaliser la catégorie staff.
Si ce n'est pas trop vous demander.

[ge80]

D'abord je prépare un tutoriel d'explications

C'est une simple version de tests

Que voulez vous personnaliser avant que j'élabore le mode d'emploi ?

[^^lilice^^]

Bonjour,
Il va me servir ce manuel je vous le promet !

Alors j'aimerais personnaliser le Staf, et peut être (je suis vraiment difficile désolée) enlevé la bulle 5 et 6 si cela est possible bien sur ! Si cela est possible, pourvoir mettre la bulle 3 et 4 en dessous et les agrandir. Et éviter que la bulle 4 soit un lien qui copie immédiatement un texte spécial.

J'espère que ce n'est pas trop vous demander.
Cordialement.

[ge80]

Des précisions :

Personnaliser le staff : comment ?
Donner les liens images et le texte ou une image de ce que vous voulez.

Zones 5 et 6 : enlevée ; OK

3 et 4 en dessous de quoi ?
Une image de positionnement serait utile.

La 4 est un texte tiré de votre forum et vous pouvez changer son contenu sans problème.

[^^lilice^^]

le staf, j'aimerais pourvoir changer à volonté la petite image ainsi que l'image bulle et le lien du profil (Au cas où je trouve d'autres membres du staff --"). Si c'est possible, sinon je vous donnerais le tout.

La 3 et la 4 en dessous de la 1 et La 2 Pour permettre des les élargir (c'est clair ? sinon j'essayerais de faire un montage.)

Merci pour la 5 et la 6.

Ah d'accord, pour la 4, je vais donc le faire manuellement.

[ge80]

OK

Pour le staff : vous pourrez le faire vous même après mes explications.
Par contre voulez-vous d'autres informations dans la bulle lors du survol de l'image STAFF ?

[^^lilice^^]

Pour le moment, deux mais j'aimerais bien avoir une explication en plus pour pouvoir en créer d'autres si le besoin est.

[ge80]

Pas de souci.
Demain matin (en fin de matinée) vous aurez le tutoriel car c'est long à faire.
Dernier point que voulez-vous placer dans les autres zones ?
Images ou pas ?

[^^lilice^^]

Bonsoir,
pas de soucis, ça peut même attendre demain soir !

Dans les autres, je vais surement mettre du texte.

[ge80]

OK

Je rédige en ce moment les explications....

Edit :

---------------------------------------------------

Le rendu visuel



---------------------------------------------------
La partie CSS
A copier dans la feuille de style CSS

/* Permet de jouer sur l'opacité / l'intensité lumineuse lors du survol. */

Code:

.opacity img {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;opacity: 0.5;
}
img:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1;opacity: 1;
}

/* Partie permettant la gestion de la fenêtre surgissant ou bulle */
/* La position est relative par rapport à la souris */

Code:


a.bulle {
  position: relative; /* relative au conteneur */
}
a.bulle span {
  display: none;
}
a.bulle:hover {
  background: none; /*contournement bug IE */
  z-index: 999;
}

/* La classe bulle qui définit le style de la bulle */
/* Position d'affichage -> décalée de 5px */
/* Fond blanc -> background: #fff; */
/* Bordures -> de 2 pixels et de couleur noire */

Code:

a.bulle:hover span {
  display: inline;
  position: absolute;
  top: -10px;
  left: 10px;
  background: #fff;
  text-align: center;
  text-decoration: none;
  color: green;
  padding: 0.2em;
  border-right: black 2px solid;
  border-top: black 2px solid;
  border-left: black 2px solid;
  border-bottom: black 2px solid;
}

/* La classe textefield qui définit le style du texte affiché dans le fieldset */
/* Position d'affichage -> décalée de 5px */
/* height -> hauteur fixée à 220px; */
/* max-height-> 215px pour le débordement automatique */
/* overflow:auto;-> gestion du dépassemetn par ascenceur */
/* pre-wrap -> césure des mots avec coupure forcée */
/* couleur d'écriture noire -> color: #000; */
/* Police d'écriture -> font-family: Georgia; */

Code:

 .textefield {
  display: block;
  height: 220px;
  max-height: 115px;
  color: #000;
  font-size: 20px;
  font-family: Georgia;
  overflow:auto;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, -1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* La classe field qui définit le style du texte affiché dans le fieldset */
/* Gestions des bordures et arrondis */
/* border : 5 px solid #fff; */
/* -moz-border-radius: 15px; */
/* -webkit-border-radius: 15px; */
/* border-radius: 15px; */
/* Hauteur de 250px; */
/* possibilité de'ajouter une image de fond à chaque conteneur */
/* background-image: url("https://i.servimg.com/u/f67/15/87/46/48/bannia10.gif"); */

Code:

.field {
  height:250px;
  background-color:#7FB6EC;
  border : 5 px solid #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  /*  background-image: url("http://i67.servimg.com/u/f67/15/87/46/48/bannia10.gif"); */
}

/* La classe legende qui définit le style du texte affiché dans la légende */
/* Gestions des bordures et arrondis */
/* border: 5 px solid #fff; */
/* -webkit-border-radius: 15px; */
/* Gestions des marges */
/* padding-left:20px; */
/* padding-right:20px; */
/* Taille des caractères */
/* font-size: 22px; */

Code:

.legende {
  height:25px;
  padding-left:20px;
  padding-right:20px;
  background-color:#395DC1;
  border: 5 px solid #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color: #000;
  letter-spacing: -1px;
  font-size: 22px;
  font-family: Georgia;
}


-------------------------------------------------------------------------
La partie en message d'accueil avec commentaires dans le message.
A copier en message d'accueil

Code:

<!-- La table permettant de diviser en quatre cellules -->
<!-- L'aide sur les tables http://bernard.quevillier.pagesperso-orange.fr/toposnew/table.htm -->
<table width="100%" cellspacing="30"> 
 <tbody>
 <tr>   
   <td width="50%">
      <!-- On joue avec l'opacité lors du survol -->
      <div class="opacity">
         <!-- Fieldset permet un regroupement de champs logique : c'est un conteneur -->
         <!-- L'aide sur Fieldset http://bernard.quevillier.pagesperso-orange.fr/toposnew/fieldset.htm -->
         <fieldset class="field">
            <!-- legend permet un titre au cadre du conteneur fieldset -->
            <legend class="legende">Le Staff
            </legend>
            <center>
            <!-- La classe bulle permet l'affichage lors d'un survol par la souris -->
            <a class="bulle">
               <!-- L'image à survoler -->
               <img src="http://img60.xooimage.com/files/7/f/d/masc-24d4a18.jpg">
               <!-- Le block qui sera affiché encadré par le SPAN -->
               <!-- Organise le document en définissant une étendue de texte. -->
               <span>
                  <!-- L'image zoomée et le texte -->
                  <img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/22828-74.jpg" alt="">
                  <br><b>Ge - 80</b><br><br>
                  <div>
                        <!-- L'élément de division peut permettre d'ajouter une structure à un bloc de texte
                        <!-- Le lien vers le profil -->
                        <a href="http://forum.forumactif.com/u22828" target="_blank">Profil</a>
                  </div>
               </span>
            </a>
            <a  class="bulle">
               <img src="http://img4.xooimage.com/files/b/2/1/feminin-149b4ee.gif">
               <span>
                  <img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/109573-80.jpg" alt=""><br><b>^^lilice^^</b><br><br>
                  <div>
                     <a href="http://forum.forumactif.com/u109573" target="_blank">Profil
                     </a>
                  </div>
               </span>
            </a>
            </center>
         </fieldset>
      </div>
    </td>
    <td>
      <!-- L'image zoomée et le texte -->
        <fieldset class="field">
         <legend class="legende"> titre 2
         </legend>
         <!-- On utilise pas la classe qui gère le débordement  -->
         <font size=4>contenu 2  sans gestion de la hauteur
         </font>
      </fieldset>   
   </td>
</tr>
<!-- Nouvelle ligne de cellules -->
 <tr>
  <td>
  <!-- Nouvelle cellule -->
        <fieldset class="field">
         <legend class="legende">Le titre n° 3-
         </legend>
         <!-- Cette fois on utilise la classe de mise en forme du texte avec la gestion du débordement -->
         <div class="textefield">Texte avec gestion de la hauteur maximale et mise en forme par css
         </div>
      </fieldset>
    </td>
  <td>
        <fieldset class="field">
         <legend class="legende">-Titre 4-
         </legend>CONTENU 4 sans mise en forme par feuille de style
      </fieldset>
    </td>
 </tr>
 </tbody>
</table>


--------------------------------------------------------------------------




Jouez avec les styles et images de fond ?

Les modifications CSS

Code:

.field {
  height:250px;
  background-color:#7FB6EC;
  border : 5px solid #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: url("http://i67.servimg.com/u/f67/15/87/46/48/bannia10.gif") no-repeat;
  background-position: 0px -12px;
}
.legende {
  height:45px;
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  background-color:#395DC1;
  color: #000;
  letter-spacing: -1px;
  font-size: 22px;
  font-family: Georgia;
  border : 2px solid #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

Ce qui donne



-------------------------------------------------


Besoin d'explications complémentaires ?




Ge

[Dïxïnhö]

Code:

<center>  <table width="90%">  <tr>    <td width="33%">  <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Contexte-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> Bienvenue {USER&amp;#8288;NAME} sur FIFA 11 Pro. FIFA 11 PRO est un forum de simulation sur FIFA 2011, le dernier opus de EA Sport. Tu as toujours voulu devenir manager de foot , et de créer l'équipe de tes rêves ? Tu trouveras ceci que sur FIFA 11 PRO qui est en même temps une famille et vous donne la chance de faire des connaissances et partager le bonheur et le malheur entre ses membres. Rejoins nous sur FIFA 11 PRO et ecris la légende ! </span></fieldset>
            </td>
              <td width="33%">    <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Navigation rapide-</font></legend> <span style="color:#000000"><form>
<select style="width: 268px" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Sélectionner
</option>


<option value="http://fifa11pro.forum-pro.fr/f2-reglement">
Réglement
</option>

 <option value="http://fifa11pro.forum-pro.fr/f1-presentation">
Présentation
</option>

<option value="http://fifa11pro.forum-pro.fr/f5-annonces-du-forum">
Annonce Importante
</option>

<option value="http://fifa11pro.forum-pro.fr/f6-choix-des-clubs">
Choix du club
</option>

<option value="http://fifa11pro.forum-pro.fr/f14-negociations">
Négociation
</option>

<option value="http://fifa11pro.forum-pro.fr/f20-bar-du-forum">
Bar FiFA 11 pro
</option>

</select>
</form> </span></fieldset>
        </td> <br> <br> <br> <br> <br> <br> <br> <br> <br> </span></fieldset>
            <td>
          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Crédits-</font></legend><span style="color:#000000"><div style="margin:auto;text-align:center;width:100%">Forum optimisé par <br><img src="http://i36.servimg.com/u/f36/11/96/79/37/firefo10.png" border="0" alt="" />
<br><u>© Copyright</u>
<br> Design by 1Diss pour Fifa 11 Pro
<br> Codage by Hearth pour Fifa 11 Pro</div></span></fieldset>
        </td>
    </tr>
        <tr>
        <td>          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Actualité-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> →FIFA 11 PRO monte en puissance.
 Encore de bon clubs de libre ! Saisissez cette chance
 
 Nous recrutons des simulateurs ! En attendant le debut du championnat venez participer à des competitions pour enrichir votre palmares !</span></fieldset>
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Staff-</font></legend> <table><tr><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_1-35%20(1).png"/>
<span><div style="margin:auto;text-align:center;width:100%">D.Forlan</div><img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/1-35.png"/>
<div style="margin:auto;text-align:center;width:100%">16 ans, fondateur</div><a href="http://fifa11pro.forum-pro.fr/u1"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span></div></td><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_12-98.png"/>

<span><div style="margin:auto;text-align:center;width:100%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span>

<span><div style="margin:auto;text-align:center;width:90%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:90%">Voir son profil</div></a></span>

</div></td></tr></table></span></fieldset>         
        </td>
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Partenaire-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> A venir</span></fieldset>         
        </td>
        </tr>
        </table>
        </center>

J'utilise ce code mais pour les infobulles, je sais pas comment en mettre une troisième. Peut-tu m'aider ?

[^^lilice^^]

Bonjour,
merci je vais regarder ça en détail dès que possible.

[ge80]

Pour ajouter un membre au STAFF

Repérer

Code:

<a  class="bulle">
              <img src="http://img4.xooimage.com/files/b/2/1/feminin-149b4ee.gif">
              <span>
                  <img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/109573-80.jpg" alt=""><br><b>^^lilice^^</b><br><br>
                  <div>
                    <a href="http://forum.forumactif.com/u109573" target="_blank">Profil
                    </a>
                  </div>
              </span>
            </a>



Et ajouter après le </ span></ a >

Code:

<a  class="bulle">
              <img src="lien image survolée">
              <span>
                  <img src="image affichée lors du survol" alt=""><br><b>commentaire</b><br><br>
                  <div>
                    <a href="lien profil" target="_blank">Profil
                    </a>
                  </div>
              </span>
            </a>

[Dïxïnhö]

alt="">

Que doit je mettre dedans ?

[ge80]

vous pouvez ne rien mettre et même supprimer ce alt=""

L'attribut ALT n'est fait que pour renseigner une image si elle ne s'affiche pas.

[Dïxïnhö]

C'est pas le même code que celui que j'utilise donc tout beug. Comment faire ?

[ge80]

Tout simplement :

Mettre votre code ici et je regarde le problème

[Dïxïnhö]

Code:

 <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Staff-</font></legend> <table><tr><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_1-35%20(1).png"/>
<span><div style="margin:auto;text-align:center;width:100%">D.Forlan</div><img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/1-35.png"/>
<div style="margin:auto;text-align:center;width:100%">16 ans, fondateur</div><a href="http://fifa11pro.forum-pro.fr/u1"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span></div></td><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_12-98.png"/>

<span><div style="margin:auto;text-align:center;width:100%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span>

</div></td></tr></table></span></fieldset>         
        </td>

[ge80]

Code:

 <td>       
   <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">
      <legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" >
         <font size=4>-Staff-</font>
      </legend>
      <table>
      <tr>
         <td>
            <div class="infobulle">
               <img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_1-35%20(1).png"/>
               <span>
                  <div style="margin:auto;text-align:center;width:100%">D.Forlan
                  </div>
                  <img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/1-35.png"/>
                  <div style="margin:auto;text-align:center;width:100%">16 ans, fondateur
                  </div>
                  <a href="http://fifa11pro.forum-pro.fr/u1">
                     <div style="margin:auto;text-align:center;width:100%">Voir son profil
                     </div>
                  </a>
               </span>
            </div>
         </td>
         <td>
            <div class="infobulle">
            <img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_12-98.png"/>
            <span>
               <div style="margin:auto;text-align:center;width:100%">LionelMessi10
               </div>
               <img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/>
               <div style="margin:auto;text-align:center;width:100%">Administrateur
               </div>
               <a href="http://fifa11pro.forum-pro.fr/u12">
                  <div style="margin:auto;text-align:center;width:100%">Voir son profil
                  </div>
               </a>
            </span>
            </div>
         </td>
      </tr>
   </table>
</fieldset>       
</td>

Un /span final en trop

[Dïxïnhö]

Oui mais quand je fais copié du deuxieme et que je la colle a la suite, ça cause un problème.

[ge80]

Copier l'ensemble du code cela sera plus simple à trouver l'erreur.
Tout y compris votre modification.

[Dïxïnhö]

Code:

<center>  <table width="90%">  <tr>    <td width="33%">  <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Contexte-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> Bienvenue {USER&amp;#8288;NAME} sur FIFA 11 Pro. FIFA 11 PRO est un forum de simulation sur FIFA 2011, le dernier opus de EA Sport. Tu as toujours voulu devenir manager de foot , et de créer l'équipe de tes rêves ? Tu trouveras ceci que sur FIFA 11 PRO qui est en même temps une famille et vous donne la chance de faire des connaissances et partager le bonheur et le malheur entre ses membres. Rejoins nous sur FIFA 11 PRO et ecris la légende ! </span></fieldset>
            </td>
              <td width="33%">    <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Navigation rapide-</font></legend> <span style="color:#000000"><form>
<select style="width: 268px" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Sélectionner
</option>


<option value="http://fifa11pro.forum-pro.fr/f2-reglement">
Réglement
</option>

 <option value="http://fifa11pro.forum-pro.fr/f1-presentation">
Présentation
</option>

<option value="http://fifa11pro.forum-pro.fr/f5-annonces-du-forum">
Annonce Importante
</option>

<option value="http://fifa11pro.forum-pro.fr/f6-choix-des-clubs">
Choix du club
</option>

<option value="http://fifa11pro.forum-pro.fr/f14-negociations">
Négociation
</option>

<option value="http://fifa11pro.forum-pro.fr/f20-bar-du-forum">
Bar FiFA 11 pro
</option>

</select>
</form> </span></fieldset>
        </td> <br> <br> <br> <br> <br> <br> <br> <br> <br> </span></fieldset>
            <td>
          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Crédits-</font></legend><span style="color:#000000"><div style="margin:auto;text-align:center;width:100%">Forum optimisé par <br><img src="http://i36.servimg.com/u/f36/11/96/79/37/firefo10.png" border="0" alt="" />
<br><u>© Copyright</u>
<br> Design by 1Diss pour Fifa 11 Pro
<br> Codage by Hearth pour Fifa 11 Pro</div></span></fieldset>
        </td>
    </tr>
        <tr>
        <td>          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Actualité-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> →FIFA 11 PRO monte en puissance.
 Encore de bon clubs de libre ! Saisissez cette chance
 
 Nous recrutons des simulateurs ! En attendant le debut du championnat venez participer à des competitions pour enrichir votre palmares !</span></fieldset>
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Staff-</font></legend> <table><tr><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_1-35%20(1).png"/>
<span><div style="margin:auto;text-align:center;width:100%">D.Forlan</div><img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/1-35.png"/>
<div style="margin:auto;text-align:center;width:100%">16 ans, fondateur</div><a href="http://fifa11pro.forum-pro.fr/u1"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span></div></td><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_12-98.png"/>

<span><div style="margin:auto;text-align:center;width:100%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span>

<span><div style="margin:auto;text-align:center;width:90%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:90%">Voir son profil</div></a></span>

</div></td></tr></table></span></fieldset>         
        </td>
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Partenaire-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> A venir</span></fieldset>         
        </td>
        </tr>
        </table>
        </center>

[ge80]

Il manquait des /td et /td
et quelques balises en trop comme /span et un /fielset

Code:

<center>  <table width="90%">  <tr>    <td width="33%">  <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Contexte-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> Bienvenue {USER&amp;#8288;NAME} sur FIFA 11 Pro. FIFA 11 PRO est un forum de simulation sur FIFA 2011, le dernier opus de EA Sport. Tu as toujours voulu devenir manager de foot , et de créer l'équipe de tes rêves ? Tu trouveras ceci que sur FIFA 11 PRO qui est en même temps une famille et vous donne la chance de faire des connaissances et partager le bonheur et le malheur entre ses membres. Rejoins nous sur FIFA 11 PRO et ecris la légende ! </span></fieldset>
            </td>
              <td width="33%">   
           <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Navigation rapide-</font></legend> <span style="color:#000000"><form>
<select style="width: 268px" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Sélectionner
</option>


<option value="http://fifa11pro.forum-pro.fr/f2-reglement">
Réglement
</option>

 <option value="http://fifa11pro.forum-pro.fr/f1-presentation">
Présentation
</option>

<option value="http://fifa11pro.forum-pro.fr/f5-annonces-du-forum">
Annonce Importante
</option>

<option value="http://fifa11pro.forum-pro.fr/f6-choix-des-clubs">
Choix du club
</option>

<option value="http://fifa11pro.forum-pro.fr/f14-negociations">
Négociation
</option>

<option value="http://fifa11pro.forum-pro.fr/f20-bar-du-forum">
Bar FiFA 11 pro
</option>

</select>
</form>
</span>
</fieldset>
        </td>
        <td>
          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">
        <legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" >
        <font size=4>-Crédits-</font>
        </legend>
        <span style="color:#000000">
        <div style="margin:auto;text-align:center;width:100%">Forum optimisé par <br>
        <img src="http://i36.servimg.com/u/f36/11/96/79/37/firefo10.png" border="0" alt="" />
<br><u>© Copyright</u>
<br> Design by 1Diss pour Fifa 11 Pro
<br> Codage by Hearth pour Fifa 11 Pro</div>
</span>
</fieldset>
        </td>
    </tr>
        <tr>
        <td>          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Actualité-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> ?FIFA 11 PRO monte en puissance.
 Encore de bon clubs de libre ! Saisissez cette chance
 
 Nous recrutons des simulateurs ! En attendant le debut du championnat venez participer à des competitions pour enrichir votre palmares !</span>
 </fieldset>
          </td> 
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Staff-</font></legend> <table><tr><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_1-35%20(1).png"/>
<span><div style="margin:auto;text-align:center;width:100%">D.Forlan</div><img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/1-35.png"/>
<div style="margin:auto;text-align:center;width:100%">16 ans, fondateur</div><a href="http://fifa11pro.forum-pro.fr/u1"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span></div></td><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_12-98.png"/>

<span><div style="margin:auto;text-align:center;width:100%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span>

<span><div style="margin:auto;text-align:center;width:90%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:90%">Voir son profil</div></a></span>

</div></td></tr></table></fieldset>       
        </td>
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Partenaire-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> A venir</span></fieldset>       
        </td>
        </tr>
        </table>
        </center>

J'ai peut être encore oublié d'autres erreurs.

[Dïxïnhö]

Les % ne font pas bouger l'image mais juste le texte

[ge80]

Que voulez-vous dire par les % ?