Tableau (image décalée)

[Khayalan]

Bonsoir,

Je cherche à mettre en page ma PA en onglets. Sur le premier onglet, je voudrais avoir le logo de mon forum et sur la ligne en-dessous deux colonnes de présentation.

Du peu que je sache en HTML, <tr> = ligne et <td> = colonnes
Sachant que je veux conserver un fond à l'ensemble de l'onglet.

J'obtiens ceci:

Code:

<div id="co_1" class="contenu"><table style="width: 100%; margin-left: auto; margin-right: auto; background-color: #EFF3E9; border-radius:  10px 10px 10px 10px; box-shadow: 0px 0px 5px #060706; color: #4D6738; padding: 20px; text-align: justify"><span style="font-size: 16px; line-height: normal"><tr><td><center><img src="mabannière"><br/><br/>Bonjour & Bienvenue !</center></td></tr><tr><td>Ok</td><td>Bonjour</td></tr></span></strong></table></div>

Or j'ai beau faire, la bannière n'est pas du tout centrée.
Voici une capture pour illustrer:

Sur le côté gauche, il y a une silhouette qui dépasse du cadre (par ailleurs rectangulaire)

Merci beaucoup!

EDIT: C'est une image rectangulaire ordinaire...

[Khayalan]

up svp
Merci!

[Khayalan]

Up please...

[Khayalan]

Up svp, image toute bête (rectangulaire)...

[Believe ♥]

Coucou ! Tu pourrais me montrer ce que tu vois actuellement sur la PA ? Ou joindre le lien du forum s'il te plait ?

[Scoubifitz]

bonjour,

Code:

<div id="co_1" class="contenu">
<table style="width: 100%; margin: auto; background-color: #EFF3E9; border-radius: 10px; box-shadow: 0px 0px 5px #060706; color: #4D6738; padding: 20px; text-align: justify;font-size: 16px;">
<tr>
<td colspan="2"><center><img src="http://i79.servimg.com/u/f79/18/16/71/07/bienve10.png"></center></td>
</tr><tr>
<td style="vertical-align:top;width:50%;"><div style="width:90%;padding:10px;height:180px;overflow:auto;margin: auto; border-radius: 10px; box-shadow: 0px 0px 5px #060706;">Ok<br /><br />Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna.</div></td>
<td style="vertical-align:top;width:50%;"><div style="width:90%;padding:10px;height:180px;overflow:auto;margin: auto; border-radius: 10px; box-shadow: 0px 0px 5px #060706;">Bonjour<br /><br />Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese..</div></td>
</tr>
</table>
</div>

[Anzu]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[Khayalan]

Bonjour,

Désolée pour le retard... Scoubifitz: merci de ta réponse! l'image est parfaite mais ça donne des rollbox en dessous (j'aurais préféré que l'onglet s'adapte à la taille du contenu pour qu'on puisse tout voir d'un coup) 

RE-EDIT: Nickel pour l'image et les deux colonnes, mais comment faire pour avoir entre la bannière et les colonnes de texte un titre sur toute la longueur de la ligne:?: (j'ai essayé de bricoler les <tr> mais je ne suis pas encore au point...)

[Scoubifitz]

un peu comme ça ?

Code:

<div id="co_1" class="contenu">
<table style="width: 100%; margin: auto; background-color: #EFF3E9; border-radius: 10px; box-shadow: 0px 0px 5px #060706; color: #4D6738; text-align: justify;font-size: 16px;" cellspacing="20">
<tr>
<td colspan="2"><center><img src="http://i79.servimg.com/u/f79/18/16/71/07/bienve10.png"></center><div style="text-align:center;font:bold 20px verdana">Un titre qui prend la largeur du cadre</div></td>
</tr><tr>
<td style="vertical-align:top;padding:10px;width:50%;margin: auto; border-radius: 10px; box-shadow: 0px 0px 5px #060706;">Ok<br /><br />Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna.</td>
<td style="vertical-align:top;width:50%;padding:10px;margin: auto; border-radius: 10px; box-shadow: 0px 0px 5px #060706;">Bonjour<br /><br />Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese..</td>
</tr>
</table>
</div>

[Khayalan]

C'est parfait, merci beaucoup!