Partage
  • Partager sur Facebook
  • Partager sur Twitter

changer les bordurs d'un tableau

Sujet résolu
Ziusudra
    19 avril 2006 à 23:10:02

    Bonjour tous le monde, voila j'aurai voulu savoir comment je pourrais faire pour changer les bordurs (par exemple mettre une image a la place des tirets ou d'un trait)

    par exemple: les bordurs du corps du site:
    Image utilisateur

    voila j'éspère que vous allez pouvoir m'aider

    @+++
    • Partager sur Facebook
    • Partager sur Twitter
    streeter
      19 avril 2006 à 23:27:32

      ça peux peut etre t'aider ici !!!!!
      • Partager sur Facebook
      • Partager sur Twitter
      JaJaKillaH
        19 avril 2006 à 23:30:28

        Tu coupes ton cadre en 4. Et tu crées une feuille de style (ou tu ajoutes à celle déjà existante) tes 4 styles :

        .barreh {
                BACKGROUND-IMAGE: url(images/barreh.gif)
        }
        .barreb {
                BACKGROUND-IMAGE: url(images/barreb.gif)
        }
        .barreg {
                BACKGROUND-IMAGE: url(images/barreg.gif)
        }
        .barred {
                BACKGROUND-IMAGE: url(images/barred.gif)
        }


        Dans cet exemple :
        barreh - Barre du haut
        barreb - Barre du bas
        barreg - Barre verticale gauche
        barred - Barre verticale droite

        Et ensuite tu crées ton tableau, là c'est en supposant que la hauteur des images 15 pixels de haut/large en attribuant tes classes.

        <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                    <TBODY>
                      <TR>
                        <TD height=15><IMG height=1 alt=""
                                src="images/espaceur.gif" width=1>        </TD>
                        <TD height=15 class=barreh><IMG
                                src="images/barreh.gif" alt="" width=2 height=1 class="barreh">        </TD>
                        <TD height=15><IMG height=1 alt=""
                                src="images/espaceur.gif" width=1>        </TD>
                      </TR>
                      <TR>
                        <TD width="15" vAlign=top class=barreg><IMG height=2 alt=""
                                src="images/barreg.gif" width=1>        <br>
                          <br></TD>
                        <TD bgColor=#FFFFFF>&nbsp;                  </TD>
                        <TD width="15" vAlign=top class=barred><IMG height=2 alt=""
                                src="images/barred.gif" width=1>        </TD>
                      </TR>
                      <TR>
                        <TD width="15" height="15"><IMG height=1 alt=""
                                src="images/espaceur.gif" width=1>        </TD>
                        <TD height="15" class=barreb><IMG height=1 alt=""
                                src="images/barreb.gif" width=2>        </TD>
                        <TD width="15" height="15"><IMG height=1 alt=""
                                src="images/espaceur.gif"
                          width=1>        </TD>
                      </TR>
                    </TBODY>
                  </TABLE>


        Et au centre tu rajoutes un tableau pour qu'il n'y ai pas de conflit. Voili voilà en espèrant que c'était la réponse que tu voulais !

        [ Edit : Crée un gif transparent en "espaceur" pour garder les hauteurs/largeurs du tableau ]
        • Partager sur Facebook
        • Partager sur Twitter
        Ziusudra
          20 avril 2006 à 0:06:08

          ok, ben merci beaucoup vos deux reponse peuvent m'être trés utile
          encore merci
          • Partager sur Facebook
          • Partager sur Twitter

          changer les bordurs d'un tableau

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur ●
          • Markdown