tableau css

[austin powers]

Salut

je voudrais connaitre le code css qui peut mettre une image en fond d'un tableau.

Merci d'avance

[Striker]

Bonjour,

Tu peut utiliser

background-image: url(ton_image.gif);

Il y a également plusieurs propriétés CSS qui permettent de définir le comportement de l'image de fond.

Ce lien devrais t'aider a trouver ce que tu cherche :

http://dicolive.media-box.net/docCSS/css.p...erByType=1&id=2

[austin powers]

deja merci de ta reponse

<table style background-image: 

url("bg_main.gif"); width="100%" height="100%" 

border="1" cellspacing="0">

ca ne marche pas

[lupucide]

<table style="background: url(bg_main.gif);" width="100%" height="100%" border="1" cellspacing="0">

Modifié 25 Avril 2005 par lupucide

[austin powers]

super ca marche

merci

<table style="background: url(bg_main.gif);" width="100%" height="100%" border="1" cellspacing="0">
<tr>
<td width="15%" background: url(hdr_bg.gif);"  > </td>
<td width="70%"> </td>
<td width="15%" background: url(hdr_bg.gif);" > </td>
</tr>
</table>

en fait je voudrais mettre la colonne de droite et la colonne de gauche avec une autre image et la ca ne marche pas.

[Sarc]

Tu as oublié le style dans tes cases

<table style="background: url(bg_main.gif);" width="100%" height="100%" border="1" cellspacing="0">
<tr>
<td width="15%" style="background: url(hdr_bg.gif);"> </td>
<td width="70%"> </td>
<td width="15%" style="background: url(hdr_bg.gif);"> </td>
</tr>
</table>

Modifié 25 Avril 2005 par sarc

[austin powers]

Super c'est bon merci

pour ne pas ouvrir un autre topic,y a t'il un code css pour alliner au centre et en haut du texte dans un tableau

<table style="background: url(bg_main.gif);" width="100%" height="100%">
<tr>




<td width="15%" height="100%" background: 

url(hdr_bg.gif);">
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>

 </td>
<td width="70%">

<table style="background: url(hdr_bg.gif);" width="100%" height="100%" border="1" cellspacing="0">
<tr>
<td="40%"> </td>
<td="60%"> </td>
</tr>
</table>
</td>

<td width="15%" height="100%" background: url(hdr_bg.gif);" ><a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>

</td>
</tr>
</table>

La ça me met le texte a gauche

Modifié 25 Avril 2005 par austin powers

[Sarc]

Sans vouloir mettre de l'huile sur le feu, si tu ne fais pas un minimum d'effort de compréhension des posts précédents, on n'a pas trop envie de te coder ta page quoi... Faut au moins appliquer ce qu'on te dit ! T'as encore zappé un style= quelque part...

En plus, les bases du html sont pas comprises là je crois :

<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>

Des paragraphes sont ouverts, pas fermés, on comprend pas du tout ce qu'ils viennent faire là...

Bref, je te conseille de revoir un peu les bases du HTML, et d'appliquer ce qu'on dit, et d'essayer de comprendre ce qu'on met, sinon je ne vois pas l'intêret... :/

Pour aligner un texte, il faut rajouter comme style

text-align:center;

[Nissone]

Pour aligner un texte, il faut rajouter comme style

text-align:center;

<{POST_SNAPBACK}>

Par contre, pour l'alignement vertical dans une cellule, on a quelquechose ?

J'utilise encore l'attribut valign de la balise table.

(vertical-align servant à aligner des éléments de type en-ligne l'un par rapport à l'autre, mais pas un élément par rapport au bloc qui le contient)

[Sarc]

Nissone, normalement le positionnement pourrait se faire en CSS ! Par exemple, mets un padding-top si tu veux que ton texte soit en bas de la cellule, mets un padding-top et un padding-bottom (ou un padding tout court ) pour centrer le texte verticalement.. etc

En fait, les tableaux, faut pas les utiliser lol

[austin powers]

super merci

pour ca

<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>
<a href="">liens 2</a><p>

je n'ai pas mis l'url parce que je fait juste le squelette du site

Il me reste un dernier truc

j'ai fait un tableau ou j'ai inseré 3 autres tableau donc je resume en bref

<table width="100%">
<tr>
<td width="15%"></td>
<td width="70%"></td>
<td width="15%"></td>
</tr>
</table>

Dans chacune des colones j'ai inseré un autre tableau mais le probleme c'est que les tableaux des cotés ne s'aligne pas avec celui du centre

J'espere que vous m'avez compris

[Sarc]

Niark, la folie des tableaux... Tu peux pas faire plus simple que ça ?

Jveux pas dire, mais c'est vrai que CSS est moins prise de tête que les tableaux pour faire ça...

Bon, bon bon.. Ils ne s'alignent pas comment ? Donne nous une image ou une URL pour qu'on voit ce qui va pas...

[austin powers]

oki merci

http://pagesperso.laposte.net/google/pcparadise/

[austin powers]

Plus personne??????????????

[Nissone]

Par exemple, mets un padding-top si tu veux que ton texte soit en bas de la cellule, mets un padding-top et un padding-bottom (ou un padding tout court ) pour centrer le texte verticalement.. etc

<{POST_SNAPBACK}>

Mais ce n'est pas très propre et implique de connaître la hauteur de la cellule pour determiner le padding en fonction.

En fait, les tableaux, faut pas les utiliser lol

<{POST_SNAPBACK}>

On a quand même le problème quand on affiche des données tabulaires. On a quand même le droit d'aligner ses données verticalement !

J'aurais bien aimé que quelque chose comme margin:auto marche aussi bien horizontallement que verticallement, par exemple.

C'est vrai, ça, quoi, quand même !