Sujets similaires

Bonsoir ( oui c'est le soir chez moi ><)

J'ai un problème ( sur un forum où je suis admin ) et on essaie de trouver une solution. Les infobulles ne veulent pas se mettre une à côté de l'autre ( retour à la ligne... ) et j'ai tout essayé pour les remettre correctement. J'ai essayé le :

Code:: <br>

mais ça ne fonctionne pas. J'ai jouer un peu avec les codes, sans que ça ne fasse rien. C'est dans la PA ( avait dit ça u.u ) et ça n'a aucun rapport avec le CSS, j'en suis sûre. C'est du HTML, à coup sûr. Et chaque fois que j'essaie de modifier pour voir si ça fonctionne, ça ne marche pas Sad

Un aperçu :

Infobulle qui ne veulent pas retourner à la ligne >< Infobu10

( le forum est en maintenance, donc je ne peux pas donné le lien, u.u )

le code de la PA :

Code:: <td style="vertical-align: top;" width="33%">
<center><div class="titre"> La team </div>
<a class="imginfo" style="">
<font class="opacity" color="burlywood">
<br><img src="http://host.image.files.free.fr/host/4c1a7aef17ec5icone3.png">
</font><span><br>
<table width="125" border="0" cellpadding="0" cellspacing="1"><tbody>
<tr>
<td style="text-align: center;">
<font size="1">
TEXTE PRINCIPAL<br>
</font>
</td>
</tr>
<tr><td style="text-align: center;">
<a class="imginfo">
<img src="http://host.image.files.free.fr/host/4c1a780d3a2a7iconeanna2.png">
</a>
</td>
</tr>
<tr>
<td style="text-align: center;">
<font size="1">
<a href="#">Profil</a> - <a href="#">Envoyer un MP</a><br>
</font>
</td>
</tr>
<tr align="center">
</tr></tbody>
</table>
</span>
</a><a class="imginfo" style="">
<font class="opacity" color="burlywood">
<img src="http://host.image.files.free.fr/host/4c1a7aef17ec5icone3.png">
</font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody>
<tr>
<td style="text-align: center;">
<font size="1">
TEXTE PRINCIPAL<br>
</font>
</td>
</tr>
<tr>
<td style="text-align: center;">
<a class="imginfo">
<img src="http://host.image.files.free.fr/host/4c1a780d3a2a7iconeanna2.png">
</a>
</td>
</tr>
<tr>
<td style="text-align: center;">
<font size="1">
<a href="#">Profil</a> - <a href="#">Envoyer un MP</a><br>
</font>
</td>
</tr>
<tr align="center">
</tr></tbody>
</table>
</span>
</a>
</center></td>

Merci à celui ou celle qui m'aidera :S

Bonjour ^^

En fait, c'est ton css qu'il me faudrait voir pour le positionnement de l'infobulle s'il te plaît ^^

D'accord ^^

Bon, là pour bien faire, l'admin a changé le code des infobulles et je ne les trouve plus >.< Et il faudrait maintenant que ça soit à la gauche u.u parce que là, il veut juste rester à la droite

Bon, je ne suis pas sûre, mais je crois que c'est celui-ci u.u

ÉDIT:

Code:: a.imginfo {
float:left;
margin-left:0%;
width:80%;
position: relative;
color: #C26565;
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: #751616;
color: #C26565;
padding: 3px;
border: 3px solid #C26565;
}

Je ne sais vraiment pas si c'est lui ><

Alors attends, je crois que je viens de comprendre...

Tu souhaites aligner quoi ? Les images du staff avec les infobulles ? Ou les 2 images du staff sur la PA ? ^^

Les deux images du staff sur la PA ^^ xD Désolée si je n'ai pas été très précise sur ce point là >o<

Oki ^^

Alors il me faut le code complet de la PA parce que vu le code que tu as donné, il est incomplet et ça peut bloquer toute la PA si j'y touche sans le reste =/

Donc, quand je disais que l'admin avait tout changé u.u

Code:: <img src="http://host.image.files.free.fr/host/4c114da513af7pa3.png" alt="" border="0">

<br><table class="tableaupa" align="center" width="100%"><tbody>
<tr>
<td style="vertical-align: top;" width="33%">
<center><div class="titre"> Navigation </div>
<a href="http://the-dissident-time.forumactif.com/rules-story-f1/rules-t1.htm" class="navigation">Règlement</a>
<a href="http://the-dissident-time.forumactif.com/rules-story-f1/contexte-t2.htm" class="navigation">Contexte</a>
<a href="#" class="navigation">Avatar Pris</a>
<a href="http://the-dissident-time.forumactif.com/votre-histoire-f8/" class="navigation">Présentation</a>
<a href="http://the-dissident-time.forumactif.com/partenaires-et-pubs-f5/" class="navigation">Partenariat</a>
<a href="http://the-dissident-time.forumactif.com/ils-nous-manque-f6/" class="navigation">Postes Vacants</a></center>
</td>
<td style="vertical-align: top;" width="33%">
<center><div class="titre"> La team </div>
<a class="imginfo" style="text-align: left;">
<br></a></center></td><td align="left"><a class="imginfo"><img src="http://host.image.files.free.fr/host/4c2139acaeb72gwen.png"><span><table border="0" cellpadding="1" cellspacing="1" width="100"><tbody><tr><td align="center"><font size="1">Gwenaëlle</font><br></td></tr><tr><td align="center"><a class="imginfo"><img src="http://host.image.files.free.fr/host/4c213a74d4124gwen2.png"></a></td></tr><tr><td align="center"><font size="1">Fondatrice <br></font></td></tr></tbody></table></span></a></td>

<td align="center"><a class="imginfo"><img src="http://host.image.files.free.fr/host/4c2139acaeb72gwen.png"><span><table border="0" cellpadding="1" cellspacing="1" width="100"><tbody><tr><td align="center"><font size="1">Daiya Clair De Lune</font><br></td></tr><tr><td align="center"><a class="imginfo"><img src="http://host.image.files.free.fr/host/4c213a74d4124gwen2.png"></a></td></tr><tr><td align="center"><font size="1">Administratrice <br></font></td></tr></tbody></table></span></a></td>

<td align="left"><a class="imginfo"><img src="http://host.image.files.free.fr/host/4c2139acaeb72gwen.png"><span><table border="0" cellpadding="1" cellspacing="1" width="100"><tbody><tr><td align="center"><font size="1">Onyx</font><br></td></tr><tr><td align="center"><a class="imginfo"><img src="http://host.image.files.free.fr/host/4c213a74d4124gwen2.png"></a></td></tr><tr><td align="center"><font size="1">Administratrice<br></font></td></tr></tbody></table></span></a></td>

<td style="vertical-align: top;" width="34%">
<justify><div class="titre"> Contexte </div><div class="scrollbar">
<justify>Les sables du temps, nul ne peut les arrêter. Les grains s'écoulent, les années passent, que nous le voulions ou non... et pourtant, les souvenirs restent. Ce que nous avons perdu se perpétue dans nos mémoires. Ce que vous allez lire est imparfait et incomplet. Néanmoins, lisez cette histoire, chérissez-la, car, sans vous, elle ne serait pas.</justify>

</div></justify>
</td>
</tr>
</tbody></table>
<table class="tableaupa" align="left" width="80%"><tbody>
<tr>
<td width="35%">
<center><div class="titre"> Top partenaires </div>
<form>
<select style="width: 150px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Le top partenaires
</option>

<option value="URL FORUM">
Partenaires 1
</option>
<option value="URL FORUM">
Partenaires 2
</option>
<option value="URL FORUM">
Partenaires 3
</option>
<option value="URL FORUM">
Partenaires 4
</option>
</select>
</form>
<a href="#" style="font-family: impact; color: rgb(165, 198, 207);">Plus ?</a></center>
</td>
</div>
</td>
</tr>
</tbody></table>

Juste mettre les infobulles sur le côté gauche et ça devrait aller... Désolée de changer u.u, c'était pas prévu ¬¬

Bonjour,

Votre problème est-il résolu ?

Non, mais je vais m'arranger autrement ;p Vous pouvez classer ^^

Infobulle qui ne veulent pas retourner à la ligne ><

Infobulle qui ne veulent pas retourner à la ligne ><

Sujets similaires

Sujets similaires

Partenaires Or