Image cote a cote

[Popy]

Bonjour,

Voila ma PA actuel:

Spoiler:

Je trouve que c'est un peu trop grand pour le peu de chose qu'il y a dedans...
Quelqu'un saurais rapproché un peu le tout ?
Et comment mettre les images du staff à coté l'une l'autre au lieu de l'un en dessous de l'autre ?

Merci d'avance.

[tupac]

Bonsoir

Pouvez vous nous donner votre code de la page d'accueil et le css si il y en a svp pour que quelqu'un s'en occupe.

[Popy]

Bonsoir
D'accord, les voila

Code de la page d'accueil:

Code:

<table cellSpacing="8" width="95%"><tr><td></td><td class="decor"><span style="font-size: 22px; line-height: normal"><img src="http://img11.hostingpics.net/pics/274408bienvenue.png" border="0" alt="" /></span></td><td></td></tr>
<tr><td class="decor"><span style="font-size: 17px; line-height: normal"><h2 class="titre1"><span>PARTENAIRES ;3</span></h2>
<p></p></span></td><td rowspan="2"  class="decor"><div style="width: 400px; height: 80px; overflow: auto; padding-right:5px;">En ce moment tout est nouveau que Pop-graph car le forum viens d'ouvrir alors je
 vais présenter peu se qu'il y as. Vous pourrez vous détendre dans la partie jeux, concours où flood, ou alors être un peu plus sérieux en passant vos
 évaluations et en suivant les cours bien sure et penser a consulter le magazine du forum de temps en temps ;D (tenue par Popy). Et surement pleins d'autres nouveauté qui seront affiché ici ! :}</div></td><td  class="decor"><span style="font-size: 17px; line-height: normal"><h2 class="titre1"><span>STAFF PG</span></h2></span></td></tr>
<tr><td><div style="width: 300px; height: 80px; overflow: auto; padding-right:5px;">Les partenaires sont a venir.... partenaire a venir... partenaire a venir... partenaires a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaires a venir... partenaire a venir... Partenaire a venir... Partenaire a venir... Partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir...</div></td><td><div class="infobulle"><img src="http://img11.hostingpics.net/pics/528541mma.png">
<span>&mma ! Admin et fondatrice: 15ans</span></div> <div class="infobulle"><img src="http://img11.hostingpics.net/pics/923024popy.png">
<span>Popy ! Modo & Designeuse et codeuses
13 ans.</span></div></td></tr></table>

Css:

Code:

body
{background-position: top center;
}


a {
font-variant: small-caps;
}


th {
font-family:monospace; (police)
text-align: center; (pour aligner le texte)
}

a.forumlink {
font-family: monospace;
background-color: ; (couleur du fond)
display: block; (affiche sous forme de "bloc" si tu spécifies pas la largeur, il prendra toute la largeur)
font-weight: bold; (met la police en gras)
text-align: center;
border-bottom: 1px dashed #C799B8; (ajoute une bordure en dessous)
color : #B56B4F; (couleur du titre du forum)
}



.postdetails.poster-profile a img {
border:4px solid #FFFFFF;
border-left: 6px solid #FFFFFF;
border-right: 6px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

a { text-decoration: none; }

tr.post td {padding-left: 20px;}

h2.titre1 span {
  padding: 2px 10px 2px 5px; /* Dans l'ordre: padding-top padding-right padding-bottom padding-left */
  margin-left: 10px; /* Décaler le titre par rapport aux paragraphes normaux */
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #be4d5d;
}
h2.titre2 {
  display: inline; /* Ne plus considérer le titre comme un bloc */
  /* Après, c'est la même chose que pour titre1 : */
  margin-left: 10px;
  padding: 2px 10px 2px 5px;
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #BE4D5D;
}


.forumline{border:2px dotted #000000;
}

a {
  text-shadow: 1px 1px 1px #ffbbbf;
}

.desc {
padding: 10px;
margin: 10px;
background-color: #be94a3;
border: 1px solid #FFFFFF;
}

[table border=0][tr][td][center][img]http://img11.hostingpics.net/pics/882278uhiues.png[/img][/center][/td][td]

.decor{
border: 5px solid black;
vertical-align: top;
text-align: center;
padding: 8px;
width: 30%;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #ff7f93;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.infobulle span img{
border: 1px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 150px ;
color:#FFFFFF;
border: 1px solid #000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}

[Anzu]

Bonsoir,

Remplacez par ceci:

Code:

    <table cellSpacing="8" width="95%"><tr><td></td><td class="decor"><span style="font-size: 22px; line-height: normal"><img src="http://img11.hostingpics.net/pics/274408bienvenue.png" border="0" alt="" /></span></td><td></td></tr>
    <tr><td class="decor"><span style="font-size: 17px; line-height: normal"><h2 class="titre1"><span>PARTENAIRES ;3</span></h2>
    <p></p></span></td><td rowspan="2"  class="decor"><div style="width: 400px; height: 80px; overflow: auto; padding-right:5px;">En ce moment tout est nouveau que Pop-graph car le forum viens d'ouvrir alors je
    vais présenter peu se qu'il y as. Vous pourrez vous détendre dans la partie jeux, concours où flood, ou alors être un peu plus sérieux en passant vos
    évaluations et en suivant les cours bien sure et penser a consulter le magazine du forum de temps en temps ;D (tenue par Popy). Et surement pleins d'autres nouveauté qui seront affiché ici ! :}</div></td><td  class="decor"><span style="font-size: 17px; line-height: normal"><h2 class="titre1"><span>STAFF PG</span></h2></span></td></tr>
    <tr><td><div style="width: 300px; height: 80px; overflow: auto; padding-right:5px;">Les partenaires sont a venir.... partenaire a venir... partenaire a venir... partenaires a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaires a venir... partenaire a venir... Partenaire a venir... Partenaire a venir... Partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir...</div></td><td><table><tr><td width="50%"><div class="infobulle"><img src="http://img11.hostingpics.net/pics/528541mma.png">
    <span>&mma ! Admin et fondatrice: 15ans</span></div></td><td> <div class="infobulle"><img src="http://img11.hostingpics.net/pics/923024popy.png">
    <span>Popy ! Modo & Designeuse et codeuses
    13 ans.</span></div></td></td></tr></table></tr></table>

Par contre, pour la largeur, tout dépend de la largeur de votre forum aussi, car sur mon forum test, ce n'est pas large.

Cordialement.

[Popy]

Oh merci beaucoup ! C'est PARFAIT ! exactement se qu'il me fallait =)
Merci beaucoup !

Juste une dernière question ^^' Si personne repond c'est pas grave c'est pas important .
Est-ce que vous savez comment mettre de l'opacité au infobulle ?

[Anzu]

Là c'est une autre demande, différente de celle de base. Je sais que c'est contraignant, mais pour faciliter la recherche et la résolution des problèmes, je vous invite à poster un nouveau sujet pour cette demande

[Popy]

Ah pardon, je le fait de suite =)
Encore merci, problème résolue