Background des 2 cotés de mon div...

Résolu
Bonjour à vous,

Voilà un dessin de ma page (une balise div) :
img_________________  mais moi je voudrai ça :
img_________________                                        img_________________img
img_________________                                        img_________________img
img_________________                                        img_________________img
img_________________                                        img_________________img
img_________________                                        img_________________img
img_________________                                        img_________________img
img_________________                                        img_________________img
img_________________                                        img_________________img


explication :
img, c'est une petite image en background, que je repete vers le bas afin d'habiller ma page.
A gauche, ça marche sans pb, mais comment le faire en plus à droite ?
Je sens bien que c'est impossible comme celà, alors auriez vous une méthode ?

Voilà le CSS :
#mon_div
{
background-image:url(../photos/img.jpg);
background-repeat:repeat-y;
}

Merci pour votre aide

7 réponses

  1. Si un tableau donne un résultat probant niveau design, il n'est pas syntaxiquement correct.

    Une solution parmi d'autres est tout simplement de créer ton image de cette manière : [image][vide][image] et de garder ton code actuel.
    1. bonne idée ça Lefouerrant.
      je vais le faire avec des div et en CSS, mais le principe est le meme

      merci
      1. repeat-x, ça repete en horizontal. ce n'est pas ce que je recherche.

        En fait, je ne crois pas que ce soit possible...
        1. Tu dois faire un tableau :
          <html>
            <head>
              <title>
                Blabla
              </title>
              <style>
                #ton_div
                {
                  background-image:url(../photos/img.jpg);
                  background-repeat:repeat-y; 
                }
              </style>
            </head>
            <body>
              <table>
                <tr>
                  <td id="ton_div">
                    &nbsp;
                  </td>
                  <td>
                    _____________________
                  </td>
                  <td id="ton_div">
                    &nbsp;
                  </td>
                </tr>
              </table>
            </body>
          </html>
          

          Ton div devient un td
          1. Petite solution :

            #mon_div
            {
            background-image:url(../photos/img.jpg);
            background-repeat:repeat-y;
            background-repeat:repeat-x;
            }

            As-tu testé ça ?

            Thamior.