Problème info bulle

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

  • 0

Résolu Problème info bulle

Message par Aliiisson le Sam 16 Juil 2011 - 13:41

Bonjour,
Je vous explique mon problème en image parce que c'est un peu compliqué à expliquer :



Je voudrais que les photos soient comme ceci :



Les zones noires étant des photos de même taille (60x60)

Voici le code que j'ai :

Code:
<TABLE >
  <TR>
<TH style=" background-color: #CC9596; border: double 3px silver ; padding: 20 px ; -moz-border-radius : 20px; width: 170px; text-shadow: #000000 1px 1px 1px; "CODE PAR TWI-ART>  <font face="arial black"> TheFamilyChon </font></TH>
<TH style=" background-color: #CC9596; border: double 3px silver ; padding: 20 px ; -moz-border-radius : 20px; width: 170px; text-shadow: #000000 1px 1px 1px;"CODE PAR TWI-ART> <font face="arial black"> L'équipe </font></TH>
 <TH style=" background-color: #CC9596; border: double 3px silver ; padding: 20 px ; -moz-border-radius : 20px; width: 170px;text-shadow: #000000 1px 1px 1px;"CODE PAR TWI-ART> <font face="arial black"> Navigation</font> </TH></font>
  </TR>
  <TR>
 <TD > <div style="overflow: auto; background-color:  #C7B099; border: double 3px #CC9596 ; padding: 20 px ; padding: 10px; width: 300px; height: 120px;-moz-border-radius : 20px;">TheFamilyChon est un forum consacré aux cochons d'Inde ! Vous y trouverez toutes les informations concernant les cobayes, vous pourrez poser toutes vos questions, nous montrer la bouille de vos chons, discuter entre membres, apprendre à vous connaître ! Alors, n'attendez plus et venez nous rejoindre ! <br><img src="http://www.maxi-gif.com/gif-anime/animaux/animaux-hamsters-00010.gif" border="0" alt="" /></div> </TD>
 <TD ><TABLE > <tr><center><TD ><div class="infobulle"><img
src="http://img4.hostingpics.net/pics/227753TheFamilychon.png" style="border: double 3px #AB526D ;margin-left:20px "><span><font color="#B31041"><strong>TheFamilyChon</strong></font><br> Administratrice</div> </TD ><TD ><div class="infobulle"><img src="http://img4.hostingpics.net/pics/641248Polochon.png" style="border: double 3px #AB526D ;margin-left:20px "><span><font color="#674A75"><strong>Polochon</strong> </font>
<br> Co-Administratrice</div></TD ><div class="infobulle"><img src="http://img4.hostingpics.net/pics/488312Ulrika.png" style="border: double 3px #AB526D ;margin-left:20px "><span><font color="#976B99"> <strong>Ulrika </strong></font>
<br> Modératrice</div></TD ><div class="infobulle"><img src="http://img4.hostingpics.net/pics/440592Liriou.png" style="border: double 3px #AB526D ;margin-left:20px "><span><font color="#674A75"> <strong>Liriou </strong></font>
<br> Co-Administratrice</div></TD ><div class="infobulle"><img src="http://img4.hostingpics.net/pics/50979248lk.png" style="border: double 3px #AB526D ;margin-left:20px "><span><font color="#976B99"q> <strong>Caroliine </strong></font>
<br> Modératrice</div></TD ></tr></center></TABLE > </TD>
 <TD STYLE="width: 320px;"><center> <div id="menu">
<ul>

<li><a href="http://www.thefamilychon.com/t1-reglement-du-forum"> Règlement</a></li>

<li><a href="http://www.thefamilychon.com/f11-presentations-des-membres-obligatoires">Présentation</a></li>
<li><a href="http://www.thefamilychon.com/f3-presentations-des-cobayes">Vos cobayes</a></li>
<li><a href="http://www.thefamilychon.com/c7-questions">Questions</a></li>
</ul>
</div></center> </TD>
  </TR><TR>
  <TR>
 <TD STYLE="width: 320px;">
  </TR>
</TABLE>
<br><br><div style=" border-top: #fbf192 solid 3px; width: 400px; -moz-box-shadow: #000000 1px 1px 1px; "CODE PAR TWI-ART></div><br>
<span style="font-size: 8px; line-height: normal">
<i>Code Par Dakino de Twi-art</i> </span>

Comment faire pour que ce soit aligné correctement ?
Merci d'avance


Dernière édition par Aliiisson le Sam 16 Juil 2011 - 18:07, édité 1 fois

Aliiisson
**

Féminin
Messages : 50
Inscrit(e) le : 28/12/2010

http://www.thefamilychon.com/
Aliiisson a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème info bulle

Message par Anzu le Sam 16 Juil 2011 - 17:55


Bonjour,

Code corrigé:

Code:
    <TABLE >
      <TR>
    <TH style=" background-color: #CC9596; border: double 3px silver ; padding: 20 px ; -moz-border-radius : 20px; width: 170px; text-shadow: #000000 1px 1px 1px; "CODE PAR TWI-ART>  <font face="arial black"> TheFamilyChon </font></TH>
    <TH style=" background-color: #CC9596; border: double 3px silver ; padding: 20 px ; -moz-border-radius : 20px; width: 170px; text-shadow: #000000 1px 1px 1px;"CODE PAR TWI-ART> <font face="arial black"> L'équipe </font></TH>
    <TH style=" background-color: #CC9596; border: double 3px silver ; padding: 20 px ; -moz-border-radius : 20px; width: 170px;text-shadow: #000000 1px 1px 1px;"CODE PAR TWI-ART> <font face="arial black"> Navigation</font> </TH></font>
      </TR>
      <TR>
    <TD > <div style="overflow: auto; background-color:  #C7B099; border: double 3px #CC9596 ; padding: 20 px ; padding: 10px; width: 300px; height: 120px;-moz-border-radius : 20px;">TheFamilyChon est un forum consacré aux cochons d'Inde ! Vous y trouverez toutes les informations concernant les cobayes, vous pourrez poser toutes vos questions, nous montrer la bouille de vos chons, discuter entre membres, apprendre à vous connaître ! Alors, n'attendez plus et venez nous rejoindre ! <br><img src="http://www.maxi-gif.com/gif-anime/animaux/animaux-hamsters-00010.gif" border="0" alt="" /></div> </TD>
    <TD ><TABLE > <tr><center><TD ><div class="infobulle"><img
    src="http://img4.hostingpics.net/pics/227753TheFamilychon.png" style="border: double 3px #AB526D ;margin-left:20px "><span><font color="#B31041"><strong>TheFamilyChon</strong></font><br> Administratrice</div> </TD ><TD ><div class="infobulle"><img src="http://img4.hostingpics.net/pics/641248Polochon.png" style="border: double 3px #AB526D ;margin-left:20px "><span><font color="#674A75"><strong>Polochon</strong> </font>
    <br> Co-Administratrice</div></TD ><td><div class="infobulle"><img src="http://img4.hostingpics.net/pics/488312Ulrika.png" style="border: double 3px #AB526D ;margin-left:20px "><span><font color="#976B99"> <strong>Ulrika </strong></font>
    <br> Modératrice</div></TD ></tr><tr><td><div class="infobulle"><img src="http://img4.hostingpics.net/pics/440592Liriou.png" style="border: double 3px #AB526D ;margin-left:20px "><span><font color="#674A75"> <strong>Liriou </strong></font>
    <br> Co-Administratrice</div></TD ><td><div class="infobulle"><img src="http://img4.hostingpics.net/pics/50979248lk.png" style="border: double 3px #AB526D ;margin-left:20px "><span><font color="#976B99"q> <strong>Caroliine </strong></font>
    <br> Modératrice</div></TD ></tr></center></TABLE > </TD>
    <TD STYLE="width: 320px;"><center> <div id="menu">
    <ul>

    <li><a href="http://www.thefamilychon.com/t1-reglement-du-forum"> Règlement</a></li>

    <li><a href="http://www.thefamilychon.com/f11-presentations-des-membres-obligatoires">Présentation</a></li>
    <li><a href="http://www.thefamilychon.com/f3-presentations-des-cobayes">Vos cobayes</a></li>
    <li><a href="http://www.thefamilychon.com/c7-questions">Questions</a></li>
    </ul>
    </div></center> </TD>
      </TR><TR>
      <TR>
    <TD STYLE="width: 320px;">
      </TR>
    </TABLE>
    <br><br><div style=" border-top: #fbf192 solid 3px; width: 400px; -moz-box-shadow: #000000 1px 1px 1px; "CODE PAR TWI-ART></div><br>
    <span style="font-size: 8px; line-height: normal">
    <i>Code Par Dakino de Twi-art</i> </span>

Des erreurs au niveau des td Razz

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème info bulle

Message par Aliiisson le Sam 16 Juil 2011 - 18:07

Merci beaucoup, ça fonctionne parfaitement Very Happy

Aliiisson
**

Féminin
Messages : 50
Inscrit(e) le : 28/12/2010

http://www.thefamilychon.com/
Aliiisson 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