SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard holmescreek's Avatar
    Join Date
    Mar 2001
    Location
    Northwest Florida
    Posts
    1,707
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Image surrounded by expanding antique photo frame?

    I've I've looked at sliding doors and other techniques and still haven't been able to get this one to work right. Sliding doors seems to work fine with text, but if you use a photo as the content, it blows apart.

    What I'm trying to do is use .png images to create a photo frame. Then inside the frame stick in a picture. The frame should expand or shrink depending on the size of the picture.


    Any ideas, links?
    intragenesis, llc professional web & graphic design

  2. #2
    Utopia, Inc. silver trophy
    ScallioXTX's Avatar
    Join Date
    Aug 2008
    Location
    The Netherlands
    Posts
    9,097
    Mentioned
    153 Post(s)
    Tagged
    2 Thread(s)
    I assume you're supplying width="width-of-the-image" on the images? If not, you should
    Rémon - Hosting Advisor

    SitePoint forums will switch to Discourse soon! Make sure you're ready for it!

    Minimal Bookmarks Tree
    My Google Chrome extension: browsing bookmarks made easy

  3. #3
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Big John has an example of this at the bottom of this page. http://www.positioniseverything.net/...pshadows2.html

  4. #4
    SitePoint Wizard holmescreek's Avatar
    Join Date
    Mar 2001
    Location
    Northwest Florida
    Posts
    1,707
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I attached what I have...i can probably use any answers in the future. The black gap between the top frame and top of the image is getting me. The images would vary in size also.

    Anyways, I might just have to settle for using a plain white border or something (for this project) and using css3 border-image property or something. The end user will only be able to apply a style to the image (I figured I might could use jQuery to build the divs for each photo element, but, then I get into the problem of floating the thing left or right on the page).

    It would be nice to be able to style an image with a border using one style such as this, but, don't think it is possible :

    <img src="something" style="antique_frame_float_image_right" />
    Attached Files Attached Files
    intragenesis, llc professional web & graphic design

  5. #5
    SitePoint Wizard holmescreek's Avatar
    Join Date
    Mar 2001
    Location
    Northwest Florida
    Posts
    1,707
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by EricWatson View Post
    Big John has an example of this at the bottom of this page. http://www.positioniseverything.net/...pshadows2.html
    It is close to the approach. You were posting when I placed my last post, check the comments. thx
    intragenesis, llc professional web & graphic design


Bookmarks

Posting Permissions

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