Tableau (image décalée)

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

Résolu Tableau (image décalée)

Message par Khayalan le Lun 3 Juin 2013 - 21:50

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...


Dernière édition par Khayalan le Jeu 20 Juin 2013 - 9:50, édité 4 fois

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau (image décalée)

Message par Khayalan le Ven 7 Juin 2013 - 21:03

up svp Wink
Merci!

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau (image décalée)

Message par Khayalan le Lun 10 Juin 2013 - 17:24

Up please...

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau (image décalée)

Message par Khayalan le Jeu 13 Juin 2013 - 14:14

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

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau (image décalée)

Message par Believe ♥ le Jeu 13 Juin 2013 - 14:18

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

Believe ♥
Nouveau membre

Messages : 24
Inscrit(e) le : 23/12/2012

http://the-ether-forum.forumactif.org
Believe ♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau (image décalée)

Message par Scoubifitz le Jeu 13 Juin 2013 - 22:11

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>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau (image décalée)

Message par Anzu le Mer 19 Juin 2013 - 12:23

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, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

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: Tableau (image décalée)

Message par Khayalan le Mer 19 Juin 2013 - 17:42

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) Rolling Eyes

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...)

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau (image décalée)

Message par Scoubifitz le Mer 19 Juin 2013 - 22:26

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>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau (image décalée)

Message par Khayalan le Jeu 20 Juin 2013 - 9:50

C'est parfait, merci beaucoup! Wink

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan 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