Multiple background images

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • fabianv
    Member
    • Nov 2005
    • 89
    • 3.6.x

    Multiple background images

    Hi guys,

    I desire to put up 2 background images.. one in the top left and top right but im not sure how to do this succesfully I can only add 1 image. I googled and found this solution:

    .box {
    /*
    * Multiple background magic!
    * The order in which images are listed also defines
    * their stacking - earlier images are drawn on top of
    * later ones.
    */
    background-color: #000000

    background-image: url("images/left.jpg"), url("images/right.jpg"),

    background-repeat: no-repeat, no-repeat,

    background-position: top left, top right,


    /*
    * Ensure a minimum height and width so that the corner
    * images never overlap
    */
    margin: 0 0 1em 0;
    padding: 10px;
    min-height: 16px;
    min-width: 16px;
    }

    This is my current CSS setup:

    In the background box I have : "#000000 url(images/left.jpg) repeat-x top left
    "

    and in the extra css attributes I have:

    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-repeat: no-repeat;

    Anyone have a clue what I should do?
    Art is Life

    -----------

    www.cgcentral.net - South Africa's Digital Media Platform
  • fabianv
    Member
    • Nov 2005
    • 89
    • 3.6.x

    #2
    anyone?
    Art is Life

    -----------

    www.cgcentral.net - South Africa's Digital Media Platform

    Comment

    • fabianv
      Member
      • Nov 2005
      • 89
      • 3.6.x

      #3


      Even a "I dont know" would suffice
      Art is Life

      -----------

      www.cgcentral.net - South Africa's Digital Media Platform

      Comment

      • chran
        Member
        • Mar 2006
        • 49
        • 3.6.x

        #4
        I don't know

        Comment

        • Zachery
          Former vBulletin Support
          • Jul 2002
          • 59097

          #5
          I don't think its possible to display two background graphics at all.. at least not the way you want.

          Comment

          • fabianv
            Member
            • Nov 2005
            • 89
            • 3.6.x

            #6
            Originally posted by Zachery
            I don't think its possible to display two background graphics at all.. at least not the way you want.

            CSS3 supports it.. I just want to know how you would lay out the code in VBULLETIN
            Art is Life

            -----------

            www.cgcentral.net - South Africa's Digital Media Platform

            Comment

            • Zachery
              Former vBulletin Support
              • Jul 2002
              • 59097

              #7
              There are browsers taht fully support CSS3

              Anyway, edit the body section, and remove all of the backgroun settings from the on text box, and add it to the additinoal text box.

              Comment

              • fabianv
                Member
                • Nov 2005
                • 89
                • 3.6.x

                #8
                Originally posted by Zachery
                There are browsers taht fully support CSS3

                Anyway, edit the body section, and remove all of the backgroun settings from the on text box, and add it to the additinoal text box.
                Yeah I figured as much but I'd like to know the best way to layout the code in the additional text box.. could you help me out with this aspect?
                Art is Life

                -----------

                www.cgcentral.net - South Africa's Digital Media Platform

                Comment

                widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                Working...