Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème d'encadrement avec images

A droite et à gauche

Sujet résolu
    28 février 2006 à 21:56:20

    Bonjour amis Zér0s,

    Après de nombreuses tentatives infructueuses (de float et triples emboîtages), je vous demande conseille pour imiter une bordure de tableau à droite et à gauche, mais en image (extensible bien entendu :p ).

    Exemple :
    | Texte |
    |       |
    |       |
    | Texte |

    Où | est une image. Je veux pas utiliser de background prenant les deux côtés pour la bonne raison que je veux que ce soit extensible toutes résolutions.

    En clair, je voudrais imiter une bordure de tableaux avec des images.

    Mici d'avance :)
    • Partager sur Facebook
    • Partager sur Twitter
      28 février 2006 à 22:08:34

      Tu a essayé:
      La première bordure en float: left;
      la seconde bordure en float: right;
      et le texte en margin: 0 auto;

      Ca me semble logique...
      • Partager sur Facebook
      • Partager sur Twitter
        28 février 2006 à 22:23:35

        Je sais pas si j'ai fait une erreur, mais ça ne semble pas fonctionner ^^


        <div>
                <div id="g"></div>
                <div id="d"></div>
                <div id="contenu">
                  <p>Test</p>
                </div>
        </div>


        #g {
                float : left;
                width : 3px;
                background-image : url(images/g.jpg);
        }

        #d {
                float : right;
                width : 5px;
                background-image : url(images/d.jpg);
        }

        #contenu {
                margin : 0 auto;
                width : 100%;
        }

        Merci quand même de ta réponse :)
        • Partager sur Facebook
        • Partager sur Twitter
          28 février 2006 à 23:58:11

          Ne met pas un width 100% à ton contenu, c'est normal.. ^^

          Si tu met 100%, il décale aussi les float! :D

          ++
          • Partager sur Facebook
          • Partager sur Twitter
            1 mars 2006 à 0:15:39

            Même sans : lien retiré
            • Partager sur Facebook
            • Partager sur Twitter
              1 mars 2006 à 5:41:56

              Salut.
              tres simple ton probleme.
              suffit de 2 div
              <div id="g"><div id="d">ici le contenu</div></div>
              css
              g { width:auto; height:auto;
              background:url(img....)
              repeat-y left top; }
              d { width:auto; height:auto;
              background:url(img....)
              repeat-y right top; }
              • Partager sur Facebook
              • Partager sur Twitter
                1 mars 2006 à 10:49:41

                Merci bien, en effet ça marche :)

                Pb résolu :D
                • Partager sur Facebook
                • Partager sur Twitter

                Problème d'encadrement avec images

                × 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