chiprivers Posted November 6, 2007 Share Posted November 6, 2007 I want to give my photos a frame like this one http://www.nittygrittygame.co.uk/photos/thumbframepng.png This is an image I have drawn and tried to use as a backgrond image behind my photos. This worked in IE but had trouble with firefox. Is there a better way to create this effect? possibly by breaking the image into smaller chunks and using CSS to get them to display in the right places or by creating additional table cells around the image cell to hold the smaller bits? I am looking for the best way to create this image whilst keeping it displaying the same in both IE and Firefox. Quote Link to comment Share on other sites More sharing options...
darkfreaks Posted November 6, 2007 Share Posted November 6, 2007 this should be moved to the CSS forum Quote Link to comment Share on other sites More sharing options...
tibberous Posted November 6, 2007 Share Posted November 6, 2007 this should be moved to the CSS forum Not necessarily, he could use GD to overlay his photos over that image, then cache the result so he didn't kill his server. But if you want to use straight html, you need to cut the image into 8 pieces, and throw them in a table. Basically, you have the 4 corners, which are a fixed size, then the top and bottom, which are a fixed height, and then the right and left, which are a fixed with. So, your table is three rows, with three columns. Here is a site I made that uses that effect, http://www.suckered.us/ Notice that it doesn't load that great - it looks really nice, but when the page first loads you can see the layout being pieced together, and it takes a minute. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.