Forum Clubic

Css-Html pour un background de tableau

Bonjour à tous

J’ai un petit problème qui devrait vite etre résolu j’espere !

Je crée actuellement un site internet , et j’ai besoin d’insérer un background dans la cellule d’un tableu!
Le probleme est que je sais faire la fonction no-repeat pour un background de page , mais pas pour un tableau…

Quelqu’un saurait il comment m’aider?
Dois je le mettre dans le body en css? ou bien en html dans le code lui meme!

Merci à tous!

non.

td.foo { background: url(‘truc.jpg’) no-repeat;}

<td class="foo">fond</td>

J’ai ajouté

td.foo { background: url(‘truc.jpg’) no-repeat;}

<td class="foo">fond</td>

dans mon body , en changeant "truc.jpg" par mon image , mais ca ne change rien.

td.foo { background: url('truc.jpg') no-repeat;}

n’est pas à mettre dans ton <body> mais dans ta feuille de styles CSS (ou dans ta balise <style type=“text/css”>).

voualà

j’étais pressé, fatigué, etc.

Cette ligne de commande <td class=“foo”>fond</td> m’ajoute une cellule à la droite de mon tableau…

Excusez moi si j’ai du mal mais je débute…

Voici le code de mon template, si vous pouviez m’aider à placer les lignes de code svp :jap:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Document sans titre</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
	background-image: url(../Images/Fond.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;

}
.Style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.Style2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; }
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: underline;
}
.Style3 {font-size: 14px}
.Style6 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; }
-->
</style>
</head>

<body>
<table width="998" border="0" align="center">
  <tr>
    <td height="141" align="left" valign="top"><img src="../Images/Logo_site2.jpg" width="996" height="180" /></td>
  </tr>
  <tr>
    <td height="31" bgcolor="#000066"> </td>
  </tr>
</table>
<table width="1000" border="0" align="center" bgcolor="#FFFFFF">
  <tr>
    <td width="180" height="798" align="left" valign="top" background="../Images/Bords2.jpg" bgcolor="#333366"><table width="180" border="0" cellspacing="20">
      <tr>
        <td><div align="center" class="Style2 Style3"><a href="../page1.html?quot; class="Style3">page1</a></div></td>
      </tr>
      <tr>
        <td><div align="center" class="Style6"><a href="../page2.htm" class="Style3">page2</a></div></td>
      </tr>
      <tr>
        <td><div align="center" class="Style6"><a href="../page3.html?quot; class="Style3">page3 </a></div></td>
      </tr>
      <tr>
        <td><div align="center" class="Style6"><a href="../page4.html?quot; class="Style3">page4 </a></div></td>
      </tr>
      <tr>
        <td><div align="center" class="Style6"><a href="../page5.html?quot; class="Style3">page5</a></div></td>
      </tr>
      <tr>
        <td><div align="center" class="Style6"><a href="file:///C|/Mes documents/Site internet/Liens.html?quot; class="Style3"></a><a href="../page5.htm" class="Style3">page5</a></div></td>
      </tr>
      <tr>
        <td><div align="center" class="Style6"><a href="file:///C|/Mes documents/Site internet/page7.html?quot; class="Style3"></a><a href="../page5.html?quot; class="Style3">page6 </a></div></td>
      </tr>
      <tr>
        <td><div align="center"><a href="../page8.html?quot; class="Style3">page8 </a></div></td>
      </tr>
    </table>
      <!-- TemplateBeginEditable name="Pub1" -->
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <!-- TemplateEndEditable --></td>
    <td width="626" align="left" valign="top" bgcolor="#A5A5FE"><!-- TemplateBeginEditable name="Centre" -->
      <table width="626" border="0" bgcolor="#A5A5FE">
        <tr>
          <td height="739" align="left" valign="top" bgcolor="#A5A5FE" class="Style1"> </td>
        </tr>
      </table>
      <!-- TemplateEndEditable --></td>
    <td width="180" align="left" valign="top" background="../Images/Bords2.jpg" bgcolor="#003366"><!-- TemplateBeginEditable name="Pub2" --> 
	<td class="foo">fond</td>
        <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <!-- TemplateEndEditable -->
      <p> </p>
      <p> </p></td>
  </tr>
</table>
<p> </p>
</body>
</html?gt;

Déjà place ton code HTML entre les balises [ CODE ] et [ /CODE ] lorsque tu tapes ton message sur le Forum, ainsi il s’affichera comme suit :

blablabla

Ce qui est beaucoup plus facile à lire

Oui en effet c’est bien plus lisible.

Le code n’est pas néttoyé, je fais une ebauche de site , donc s’il est un peu bordélique c’est normal lol

Personne?? :confused: