Centrer Un Tableau en page d'Acceuil

[titounet888]

Bonjour,

j'aimerai centrer mon tableau sur ma page d'acceuil. Jusqu'à maintenant je n'y avais pas songé, mais serait il possible que quelqu'un m'aide ? Je n'y arrive pas

Merciiii.

Spoiler:

[Miettes]

Coucou

Dans la balise "table" ajoute un margin auto et une largeur. Par exemple

Code:

<table style="width:600px;margin:auto;">

Bonne journée.

[titounet888]

coucou merci de cette réponse rapide. J'avais effectivement le code sous la main, et je me suis douté qu'il fallait le mettre dans la balise table. Le souci c'est que j'ai beau mettre le code juste après, comme ceci :

<table class="table"><table style="width:600px;margin:auto;">

cela ne me change rien, ca ne centre pas. Ce n'est pas hyper important mais ca me turlupine :lol!:

[Miettes]

alors en fait, en html, un tableau se structure de cette façon :

Code:

<table>
<tr>
<td>
le contenu
</td>
</tr>
</table>

Table = on dit qu'on fait un tablea
tr = une ligne
td = une case

Ici, tu dois mettre le style dans la balise table (et pas en ajouter une). Ce qui donne :

Code:

<table class="table" style="width:600px;margin:auto;">

ou

comme tu as une class css tu peux directement mettre cette info dans la feuille de style du forum (attention, cela s'adaptera à tous les tableaux ayant le nom de class "table"). Dans ce cas, dans ton css, tu dois avoir

Code:

.table{
...
}

il te suffit d'ajouter entre les accolades

Code:

width:600px;
margin:auto;

N'hésite pas si ce n'est pas clair

[titounet888]

re

j'ai fait comme tu m'as dit :

<table class="table" style="width:600px;margin:auto;"><tbody><tr><td width="350" id="navig"><center> etcc...

mais il ne veut pas se centrer je crois que c'est un grand mystère. Concernant la feuille de style CSS je l'ai fait également mais toujours rien. Il ne veut pas.

[Miettes]

Tu peux me donner le code complet de ton tableau ? Parce qu'en fait le width;600px doit correspondre à la largeur de ton tableau

Donc si tu n'as qu'une case de 350px, dans ce cas, il faut remplacer le 600 par 350

[titounet888]

je t'envoie ca par Mp si cela ne te dérange pas ? Merci

Ps : je pensais que ceux qui répondaient au sujet pouvaient voir ce que j'avais mis dans ma balise hide.

[Tech]

Bonsoir,

Ps : je pensais que ceux qui répondaient au sujet pouvaient voir ce que j'avais mis dans ma balise hide.

C'est le cas

PS : J'ai mis votre code dans le premier message en spoiler au vu de sa grandeur.

Cordialement.

[Miettes]

Coucou

Effectivement, je n'avais pas vu (ahem... tête en l'air que je suis ^^)

Le code est de toi ? Parce qu'il me parait un poil complexe

Je file manger et je regarde ça en détail après

[Scoubifitz]

bonjour ,

le " margin:auto; " est à rajouter à la class " .contenu_paonglet "

Code:

.contenu_paonglet {
...
...
margin:auto;
}

[titounet888]

coucou ! si tu n'y arrives pas ce n'est pas grave, ne te prend pas la tête non il est pas à moi, j'ai eu la base du tableau, puis j'ai rajouté et personnalisé suivant ce qu'il me fallait mais j'ai pas pensé à demander à ce qu'il soit centré. Je suis arrivé à tout faire avec, sauf ça :no merci de ta réponse.

[titounet888]

bonjour ,

le " margin:auto; " est à rajouter à la class " .contenu_paonglet "

Code:

.contenu_paonglet {
...
...
margin:auto;
}

Salut

J'ai fait ca comme tu me l'as suggéré : .paonglet
{
margin:auto;-------> avec le margin auto
font-variant: small-caps;
display:inline-block;
margin-left:15px;
margin-right:15px;
cursor:pointer;
text-align: center;
}

Mais aucun changement ! Il ne veut pas se centrer. Lol il fait son capricieux.

Merci de ton aide.

[titounet888]

bonjour ,

le " margin:auto; " est à rajouter à la class " .contenu_paonglet "

Code:

.contenu_paonglet {
...
...
margin:auto;
}

PARFAIT !! C'est bon ! J'avais pas mis dans le bon contenu Je te remercie de ton aide et de ta solution. Tu es élu : héro du jour. Profite de ton moment de gloire. les temps sont dures.

Merci beaucoup Miette pour ton dévouement J'espère que tu n'es pas en train d'y passer des heures

[titounet888]

Bon et bien je mets le sujet comme RESOLU. Mais si vous avez du courage, et de la patience j'ai d'autres sujets dans le coin dont l'un qui concerne encore cette vilaine page. J'aimerai glisser le widget sujet récent, mais mes liens sont en escalier et j'ai pas trouvé la solution : https://forum.forumactif.com/t342446-widget-sujet-recent-liens-en-escalier#2930406

Merci a tous, à très vite.

[Chacha]

par titounet888 Aujourd'hui à 15:49
par titounet888 Aujourd'hui à 15:51
par titounet888 Aujourd'hui à 15:57
par titounet888 Aujourd'hui à 16:01

Quadruple post ! Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Pensez à votre dernier message pour y ajouter une information. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif