Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Aug 2009
    Location
    public_html/cgi-bin/
    Posts
    66
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Question Image match content length

    I have 3 same-line DIVs.
    In the center div, it auto-lengthens to match it's content. The background of the DIV also auto-lengthens to match it's content.
    However I wanted an image-only border around the content that cannot be placed into the background image for the expandable DIV because I have the repeat-x commandment on the background image, this enables all computers to read it perfectly how I want it.
    What I'm wondering is - Is it possible to make the image border (one left, one right of background image) to adjust automatically to the length of the DIV as the background image does?

    I really hope there is some possible way.
    I tried putting it into a table to see if I could get anywhere but it failed.
    Any suggestions and help is really appreciated, many thanks.
    Owen.

    P.S. If you do not understand what I mean please ask for another explanation or link.

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    You probably need Faux Columns.

    Check the sites here. Left hand column near the bottom.

    Use the search box.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New Coder
    Join Date
    Aug 2009
    Location
    public_html/cgi-bin/
    Posts
    66
    Thanks
    12
    Thanked 0 Times in 0 Posts
    I appreciate your feedback, but I was sure I could fix it myself and found the way I was thinking.
    Solution:

    I simply made 2 new DIV's and placed them inside the DIV with the adjustable background image. I set a background image to the other 2 DIV's (one for each side for border) and then put them as top left/right in the css document.

    Hope I explained it well enough for others to understand.

    Owen.


  •  

    Posting Permissions

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