multiple background images

Ask a Question related to Macromedia Dynamic HTML, Design and Development.

  1. #1

    Default multiple background images

    hi,

    i got one logo which consist of two images. the first is a small one (a) which
    i would like to repeat multiple (n).
    the second is a bigger one (b) with fixed length. is it possible to repeat the
    first one and add the second one, depending on the size of a 100% table column
    (ts100%) and could it automaticly resized if the browser was resized
    sizeof(ts100%) = sizeof(a * n + b)

    regards thorsten


    tholan Guest

  2. Similar Questions and Discussions

    1. CSS background images
      Hello all. Newbie here, asking if it is possible for a user to change/replace background images through Contribute CS3 that are called by CSS...
    2. Background images in FF
      Hi, I am hoping that someone can help me with the small issue that I am having. I am currently creating a small website so that friends and...
    3. Swapping Cell Images for Background Images
      Is there any plugin or extention for DW(studio8) out there that will quickly and with one click, let me remove an image inside a cell and...
    4. Background images?
      I am new to Fireworks and have done a couple of the tutorials but am having some trouble figuring something out. I want to do a couple of mock ups...
    5. Best book for creating new images and how to print multiple images
      Hi Cliff, I'm afraid I can't help with part 1 of your question, being relatively new at PE2 myself, but there a those that frequent the group that...
  3. #2

    Default Re: multiple background images

    You can do it with 2 divs:

    <div id="smallLogo" style="background: url('smalllogo.jpg');">
    <div id="bigLogo" style="background: url('biglogo.jpg'); 0 0
    no-repeat;">
    Contents
    </div>
    </div>

    I hope it helps you.

    []s


    --
    - Me ajude a ganhar o curso, acesse
    [url]http://www.atipico.com.br/promocao.asp?i=176184459[/url]

    - Rio de Janeiro, Brasil
    - Troyan <dnunes[at]email[dot]com>


    Troyan Guest

  4. #3

    Default Re: multiple background images

    Thanks for that tip,

    but i forgot to tell that the pictures are transparent ones. So the repeatable small one must stopp
    when the big one bigins. Any idea?

    Thank you
    Thorsten
    tholan Guest

  5. #4

    Default Re: multiple background images

    You can set the background of the div to the color of page
    background...
    <style type="text/css">
    #smallLogo { background:url('smalllogo.jpg'); }
    #bigLogo { float: left; width: LOGO_WIDTHpx; height: LOGO_HEIGHTpx;
    background: white url('biglogo.jpg') 0 0 no-repeat;}
    </style>
    ....
    <div id="smallLogo"><div id="bigLogo"></div></div>


    If you want to change the Big Logo position, you can change the "0
    0" to "3px 50px" or the values you need (change, too, the width and
    height to WIDTH+Left_Space and HEIGHT+Top_Space)


    []s


    --
    - Me ajude a ganhar o curso, acesse
    [url]http://www.atipico.com.br/promocao.asp?i=176184459[/url]

    - Rio de Janeiro, Brasil
    - Troyan <dnunes[at]email[dot]com>


    Troyan Guest

  6. #5

    Default Re: multiple background images

    The easiest way is the best one ;-)

    Muito obrigado pela sua ajuda
    Thorsten
    tholan Guest

  7. #6

    Default Re: multiple background images

    Tu é brasileiro, rapaz? :D

    --
    - Me ajude a ganhar o curso, acesse
    [url]http://www.atipico.com.br/promocao.asp?i=176184459[/url]

    - Rio de Janeiro, Brasil
    - Troyan <dnunes[at]email[dot]com>


    Troyan Guest

  8. #7

    Default Re: multiple background images

    Nao eu sou alemao com um dicion?rio :-)

    cu Thorsten
    tholan Guest

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139