Probleme ajout a sur la pa

[Little_dragon]

salut j'ai pris une Pa sur un site qu'on pouvait faire du copie coller mais je la modifie a ma manière par contre le seul problème que j'ai est pas très complique mais je ne n'arrive pas a le faire...

bon je vous donne le code
je vous expliquer j'aimerais avoir le même petit carrer ou qu'il a écrit nouveauté juste a coter de celui ci mais comme celui du staff en haut car se serait pour mettre les poste vacant mais j'ai tout fais pour le faire mais je ne sais pas quel code que je dois utilise pour qu'il soit du coter droit :S quand je le fais sa démanche tout alors j'ai pensée a vous Merci beaucoup de votre aide...

Spoiler:

Merci beaucoup bonne soirée ou bonne nuit lol a l'heure qu'il est rendu

si sa peut vous aider je vous donne le lien du forum

Spoiler:

[Psyaliah]

Bonjour,
Pourrais-je avoir le css avec, histoire d'y voir plus clair ?

[Little_dragon]

salut voila je te donne le css

Spoiler:

Merci pour ton aide

[Little_dragon]

salut ce topic attend toujours une réponse Merci

[Invité]

Bonjour,

Comme ceci?
Le message d'accueil:

Code:

<table>
<tr>
<td>
      <img src="http://i40.servimg.com/u/f40/11/90/82/77/untitl10.png" border="0" alt="" />
</td>
</tr>
<tr>
        <td>
        <div class="block block-staff">
            <h1 class="titre titre-staff">L'equipe du Forum</h1>
            <table>
              <tr>
                  <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
</td>
                    <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
                    <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
              </tr>
            </table>
     
            <a href="LIEN_DU_SUJET_STAFF" class="tstaff">Tout le staff ?</a>
        </div>
      </td>
  </tr>
</table>
 <table><tr> <td><table><tr><td><div=class="welcome">
 </div>
        <div class="block block-nouveautes">
            <h1 class="titre">Nouveautes</h1>
         
            <div>
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
            </div>
        </div>
      </td>
<td><div class="block block-staff">
            <h1 class="titre titre-staff">Postes Vacants</h1>
            <table>
              <tr>
                  <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
</td>
                    <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
                    <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
              </tr>
            </table>
</td>
</tr>
  <tr>
      <td>
        <div class="block block-partenaires">
            <h1 class="titre">Partenaires</h1>
         
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <br />
         
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <br />
        </div>
      </td>
      <td>
        <div class="block block-credits">
            <h1 class="titre">Credits</h1>
         
            <div>
              Design by ...<br />Page D'accueil By <a href="http://www.css-actif.com/">Silver°Dragon</a>
            </div>
        </div>
      </td>
  </tr>
</table>
</td>
</tr>
</table>

Le CSS:

Code:

/* Propriétés générales */
.block, .titre, .lien {
  background: #39556B; 
  color: #E3F9FF;
 
  border: 2px #888888 solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #000000;
  -moz-box-shadow: 1px 1px 5px #6963B0;
  -webkit-box-shadow: 1px 1px 5px #ffffff;
}
 
.block, .lien {
  text-align: center;
  padding: 10px;
}
 
td {
  vertical-align: top;
}
 
 
/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}
 
.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
     
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
 
.thumbnail {
  position: absolute;
  z-index: 0;
}
 
.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}
 
.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #6963B0;
  color: #ffffff;
  text-shadow: 0px 0px 8px #000000;
  border: #ffffff 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
 
.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}
 
 
/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color:#6963B0;
}
 
.lien:hover{
  background: #ffffff;
  color: #000000;
}
 
a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}
 
.block a {
  text-decoration: none;
}
 
/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}
 
.block-welcome {
  width: 500px;
}
 
.block-staff {
  width: 332px;
}
 
.block-staff table {
  margin: auto;
}
 
.block-staff td {
  width: 92px;
}
 
.block-partenaires, .block-nouveautes, .block-credits {
  width: 332px;
  height: 150px;
}
 
.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px;
  height: 70px;
  overflow: auto;
}
 
 
/* Titres */
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}
 
.titre-welcome {
  height: 130px;
  width: 20px;
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px#6963B0 solid;
}
 
.titre-staff {
  width: 130px;
  text-align: center;
}
 
.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}
 
.titre-welcome:hover {
  background: #000000; 
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}

Bien sincèrement.

[Little_dragon]

salut Azami merci beaucoup pour ton aide je vais mettre en resolu