Tableau Image/Texte dans Description de Catégorie

[*angiesworld*]

Bonjour,

Avant tout.. Merci par avance de prendre le temps de lire et d'étudier ma demande!
Si je m'adresse à vous en ce jour c'est que je voudrais un tableau (Image / Texte) dans la description de mes catégories..

Voilà actuellement la description de Catégorie que j'ai : Screen N°1

Spoiler:

Code mit pour cette Description :

Code:

<div class="contenu"> <table width="95%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://img340.imageshack.us/img340/7528/ggcast3gossipgirloffset.jpg">
</td>
<td>
<img src="http://i36.tinypic.com/18zpf7.png">
</td>
<td><div align="left"><i>Tourist Office..</i></div><div align=left>Réservé UNIQUEMENT et EXCLUSIVEMENT pour toutes vos Questions.. Suggestions.. Problèmes.. Aides Diverses... ou encore Messages de Soutien!! </div><br/><div align=left><i>(Pourquoi pas ma foi?! xD)</i></div><div align=left>Si vous avez des choses à Dire, Demander, ou Partager.. Faites le savoir!!</div><div align=left>Parce que nous restons à votre entière disposition, alors n'hésitez pas à poser vos questions!!</div><div align=left>Avec un coin réservé aux invités, pour qu'ils puissent nous faire part de leurs avis et propositions!!
</div>
</td>
</tr>
</table>
</div><div class="def">
<a href="http://chacecrawford.forum-actif.net/part-of-guests-f22">Part of Guests</a></div>

Et voilà ce que j'aimerais avoir dans le tableau que j'ai déjà : Screen N°2

Spoiler:

Bien à vous..
Amicalement, Angie
xoXox

[Anzu]

Rebonsoir,

Votre demande est imprécise, qu'est ce que vous voulez changer concrètement ?

Cordialement.

[*angiesworld*]

Je voudrais intégrer le tableau (Image face et parallèle au Texte) du Screen N°2 dans ma description de Catégorie (donc dans l'encadré vert) du Screen N°1..
Tu vois ce que je veux dire?!

Je sais que sur le Screen N°1 il y a déjà un tableau avec une image et un texte parallèle mais moi j'aurais voulu avoir une image et une texte comme le screen N°2!

Je peux vous donner le code du screen N°2 mais le code ne convient pas.. J'ai fait du grand n'importe quoi!
Ma foi si vous savez comment le modifier pour qu'il soit correct et puisse rentrer dans mon encadré vert.. Pourquoi pas ^^

Code Screen N°2 :

Code:

<table border=0><tr><td align="left"><ul><img src="http://img697.imageshack.us/img697/7320/ccchacecrawford75911431.jpg" border="0" alt="" /></ul></td><td align="left"><ul><span style="font-size: 10px; line-height: normal"><span class=\"fonddeco\"><div align=left><i>Prend ta tasse de thé.. Et viens discuter!!</i></div><div align=left>Chaciens et Chaciennes, toi qui est de cour passage sur notre page, l'inconnu au fond de la salle.. Veaux, vaches, et cochons.. Oyez Oyez!! Sa Majesté a parler..</div><div align=left>C'est dans cette illustre partie que vous pourrez suivre pas à pas l'évolution de <i>\"ChaceCrawford\".</i>!!</div><div align=left>Y sont répertoriés toutes les dernières infos et les annonces importantes du Forum!!</div><div align=left>A Consulter régulièrement afin d'être au courant de l'actualité et ainsi y participer.. </div><div align=left>N'hésitez pas à nous faire part de votre avis, nous sommes tout Ouïe !!!</div></span></span></ul></td></tr></table>


[Anzu]

J'ai du mal à vous suivre XD
J'ai plus ou moins compris, mais par exemple dans le code que vous donnez là, vous dites screen 2 alors que c'est l'image du screen 1, de plus il n'y a pas ce fond vert, vous avez la css qui va avec, ou il manque une partie du code ? (vous m'embrouillez aussi )

Je peux juste faire la séparation image - texte là =>

Code:

<table border=0><tr><td valign="top"><img src="http://img697.imageshack.us/img697/7320/ccchacecrawford75911431.jpg" border="0" alt="" /></td><td width="25px;"></td><td valign="top"><span style="font-size: 10px; line-height: normal"><span class="fonddeco"><i>Prend ta tasse de thé.. Et viens discuter!!</i> Chaciens et Chaciennes, toi qui est de cour passage sur notre page, l'inconnu au fond de la salle.. Veaux, vaches, et cochons.. Oyez Oyez!! Sa Majesté a parler.. C'est dans cette illustre partie que vous pourrez suivre pas à pas l'évolution de <i>\"ChaceCrawford\".</i>!! Y sont répertoriés toutes les dernières infos et les annonces importantes du Forum!!</div><div align=left>A Consulter régulièrement afin d'être au courant de l'actualité et ainsi y participer.. N'hésitez pas à nous faire part de votre avis, nous sommes tout Ouïe !!!</span></span></td></tr></table>

Cordialement.

[*angiesworld*]

Désolé de vous embrouiller et de vous contredire mais..
Le code que j'ai donnée correspond bien à l'image du Screen donné!
Il est donc normal que vous ne voyez pas d'encadré vert puisqu'il ne s'agit pas de ce screen là!

On va faire plus clair.

Screen N°1 :


HTML :

Code:

<div class="contenu"> <table width="95%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://img340.imageshack.us/img340/7528/ggcast3gossipgirloffset.jpg">
</td>
<td>
<img src="http://i36.tinypic.com/18zpf7.png">
</td>
<td><div align="left"><i>Tourist Office..</i></div><div align=left>Réservé UNIQUEMENT et EXCLUSIVEMENT pour toutes vos Questions.. Suggestions.. Problèmes.. Aides Diverses... ou encore Messages de Soutien!! </div><br/><div align=left><i>(Pourquoi pas ma foi?! xD)</i></div><div align=left>Si vous avez des choses à Dire, Demander, ou Partager.. Faites le savoir!!</div><div align=left>Parce que nous restons à votre entière disposition, alors n'hésitez pas à poser vos questions!!</div><div align=left>Avec un coin réservé aux invités, pour qu'ils puissent nous faire part de leurs avis et propositions!!
</div>
</td>
</tr>
</table>
</div><div class="def">
<a href="http://chacecrawford.forum-actif.net/part-of-guests-f22">Part of Guests</a></div>

CSS :

Code:

.contenu {
  background-image: url('http://img163.imageshack.us/img163/2049/fondtitre.jpg');
          font-family: Trebuchet MS;
          font-size: 11px;
          text-align: justify;
    color : #61523f;
          margin-left: 5px;
          margin-right: 5px;
          padding: 15px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0px
}

.def {
  background-image: url('http://i41.tinypic.com/9k2frd.jpg');
        font-family: GEORGIA;
        font-size: 14px;
        text-align: center;
  color : #FFFBAB;
          margin-left: 5px;
          margin-right: 5px;
        padding: 2px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px

 }

Screen N°2 :


HTML ( A revoir puisque j'ai fait n'importe quoi!) :

Code:

<table border=0><tr><td align="left"><ul><img src="http://img697.imageshack.us/img697/7320/ccchacecrawford75911431.jpg" border="0" alt="" /></ul></td><td align="left"><ul><span style="font-size: 10px; line-height: normal"><span class=\"fonddeco\"><div align=left><i>Prend ta tasse de thé.. Et viens discuter!!</i></div><div align=left>Chaciens et Chaciennes, toi qui est de cour passage sur notre page, l'inconnu au fond de la salle.. Veaux, vaches, et cochons.. Oyez Oyez!! Sa Majesté a parler..</div><div align=left>C'est dans cette illustre partie que vous pourrez suivre pas à pas l'évolution de <i>\"ChaceCrawford\".</i>!!</div><div align=left>Y sont répertoriés toutes les dernières infos et les annonces importantes du Forum!!</div><div align=left>A Consulter régulièrement afin d'être au courant de l'actualité et ainsi y participer.. </div><div align=left>N'hésitez pas à nous faire part de votre avis, nous sommes tout Ouïe !!!</div></span></span></ul></td></tr></table>

CSS :

Code:

.fonddeco {
background-color: #CCCCCC;

border: 2px double #B6C1BD;
display:block;}

Est ce plus mieux là?! ^^

[*angiesworld*]

Problème Résolu.. J'ai trouvé par moi même! Proud of me
Je Clos le sujet!

Merci à tout ceux qui ont prit la peine et le temps de venir m'aider!
Amicalement, Angie