Tableau (image décalée)

4 participants

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

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

Message par Khayalan 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
avatar

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 Ven 7 Juin 2013 - 21:03

up svp Wink
Merci!
avatar

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 Lun 10 Juin 2013 - 17:24

Up please...
avatar

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 Jeu 13 Juin 2013 - 14:14

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

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 ♥ 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 ?
avatar

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 Mer 19 Juin 2013 - 12:23

Tableau (image décalée) Imager11Bonjour,

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

Anzu
Membre actif

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

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

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

Message par Khayalan 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...)
avatar

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 Jeu 20 Juin 2013 - 9:50

C'est parfait, merci beaucoup! Wink
avatar

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

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum